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 на своём домене, а свою интеграцию можно дописать в репозиторий. Пока идёт бета, доступ бесплатный.
Блог