# Doop

> Бесконечный холст, где агенты рисуют макеты, пока вы лишь оставляете комментарии

Doop — открытый дизайн-канвас с MCP-сервером: Claude Code, Codex и другие агенты проектируют рядом с вами, рисуют фреймы, самопроверяются. Бесплатно в бете.

- Что делает: создаёт дизайн на канвасе с ai-агентами
- Категории: MCP и Скиллы, Opensource, Помощник дизайнера
- Бизнес-модель: Бесплатно
- Ограничения: бесплатно только в период бета-тестирования
- Модели: GPT Image 2
- Сайт сервиса: https://doop.design/
- Карточка в каталоге: https://ailibri.com/doop
- Обновлено: 2026-09-22

## Описание

Doop — открытый дизайн-канвас с бесконечным полотном, который одновременно работает как MCP-сервер для AI-агентов. Смысл в том, что человек и агенты проектируют параллельно на одном холсте: агент рисует фреймы, наполняет их реальным текстом, а вы направляете процесс комментариями. Подойдёт тем, кто уже сидит в Claude Code, Codex или другом MCP-клиенте, и командам, где над одним макетом работают несколько людей со своими агентами.

Подключение своего агента — одна команда и одно подтверждение в браузере, примерно на две минуты. Для Claude Code это выглядит как claude mcp add --transport http doop https://doop.design/mcp: откроется браузер, вы войдёте в Doop и разрешите доступ. API-ключи передавать не нужно — агент останется на той модели, за которую вы уже платите, Doop даёт только канвас. Через OAuth агент действует от вашего имени, поэтому его задачи в панели отображаются как «Claude for Kevin». Claude Code и Codex поддерживаются из коробки, документация описывает ещё Cursor, Claude Desktop, Copilot и OpenClaw, а любой другой клиент на MCP over streamable HTTP с OAuth можно направить на эндпоинт /mcp.

Если своего агента нет, можно включить встроенный Doop Agent — для этого нужно подключить аккаунт модели в настройках и поставить первую карточку в очередь. Внутри шесть ролей, каждая со своим взглядом:

- @doop — генералист: макеты, фреймы, целые страницы;

- @ux — потоки, иерархия, состояния и аффордансы;

- @copy — заголовки, микрокопия, подписи, CTA;

- @brand — палитра, типографика, логотип, тон голоса;

- @a11y — контраст, семантика, порядок фокуса, размеры целей;

- @polish — ритм отступов, выравнивание, те самые финальные 2%.

Карточку можно прогнать через всю команду последовательными этапами, а можно позвать одного специалиста через @mention в комментарии. Комментарии вообще становятся бэклогом: оставляете заметку в любом месте полотна, подходящий агент берёт её в работу и отвечает скриншотом. Фреймы при этом отрисовываются потоково — секции появляются по мере генерации, без спиннеров. Перед показом человеку агенты проходят самопроверку: встроенный headless-рендерер отдаёт им скриншоты собственных фреймов, и они сверяют посадку элементов, отступы и контраст, исправляя огрехи заранее.

Отдельно стоит память канваса. Задачи, решения и комментарии живут не в контексте одного агента, а на полотне, поэтому следующий подключившийся увидит, что уже спроектировано и о чём договорились. Из ваших замечаний постепенно складывается профиль вкуса — скругления, палитра, тени, типографика, — и он применяется к новым фреймам без заполнения форм и настроек. Синхронизация задач идёт в реальном времени, так что видно работу не только своего агента, но и агентов других участников.

Материал на канвас можно занести разными путями: импорт сайта по любому публичному URL или HTML-экспорту в один клик, импорт из GitHub и Figma, sync snippet для экранов за логином, обычное копирование-вставка. Оригинал остаётся нетронутым с настоящими текстами, а варианты агенты складывают рядом — разницу видно прямо на полотне как сравнение. Есть и генерация изображений: попросите фон, иллюстрацию, рендер продукта или маскота, и картинка появится во фрейме в вашей палитре (сейчас за это отвечает GPT Image 2, Nano Banana Pro, FLUX.2 Pro, Recraft V4 и Ideogram 3 заявлены как следующие). Наружу результат уходит живыми экспортами: у каждого фрейма свой URL вида doop.design/i/<frame>.png, который перерисуется после правок дизайна, — удобно для документов, твитов и og:image.

Для рутины есть автоматизации с расписаниями и шагами, а к выгрузкам прилагаются вердикты. Например, автоматизация вытащит рекламные объявления Meta на канвас вместе с показателями за прошлую неделю, а штатный агент подготовит черновики следующих вариантов. Работать можно в браузере без установки или через приложение для macOS. Doop открыт: код лежит на GitHub, self-hosting — это один Docker-контейнер плюс Postgres и BETTER_AUTH_URL на своём домене, а свою интеграцию можно дописать в репозиторий. Пока идёт бета, доступ бесплатный.

## Похожие сервисы в каталоге

- [Portfolio Audit](https://ailibri.com/portfolio-audit): Skill для AI-агентов: проверь портфолио дизайнера по критериям дизайн-лидеров из Stripe, Airbnb, Figma и других. Анализ на основе 143 интервью.
- [Universal Modder](https://ailibri.com/universal-modder): Набор навыков, инструментов и базы знаний для ИИ-агентов: поиск игры, движок, сборка мода, генерация ассетов через fal и проверка мода в запущенной игре.
- [Hindsight](https://ailibri.com/hindsight): Память для AI-агентов: факты, опыт, поиск по смыслу и графу, размышление над банком. Свой сервер или облако с оплатой по использованию.
- [Godogen](https://ailibri.com/godogen): Godogen — генератор игровых проектов для Godot, Bevy и Babylon.js: агент Claude Code или Codex создаёт игру по описанию и генерирует ассеты.
- [YouTube Skills](https://ailibri.com/youtube-skills): Навыки YouTube для ИИ-агентов: транскрипты видео, поиск, данные каналов и плейлистов через API. Работает с OpenClaw, Hermes Agent и Claude Code.
- [Inspo MCP](https://ailibri.com/inspo-mcp): Архив из 832 реальных production-сайтов и 2320 экранов живых продуктов: референсные компоненты и DESIGN.md — подключается к AI-агенту через MCP-сервер.

---
Источник: AILibri — каталог нейросетей и ИИ-инструментов, https://ailibri.com