Claude Design: что это и как пользоваться в 2026

Claude Design — продукт Anthropic, в котором макет, прототип или one-pager собираются разговором с моделью, а результат появляется на холсте рядом с чатом. Запуск состоялся 17 апреля 2026 года, а 16 сентября 2026-го инструмент пережил главное обновление за свою историю: Anthropic объединила чат и Cowork в «одного Claude», и теперь дизайн можно собирать внутри любого диалога, не открывая отдельный продукт. В этой статье — что инструмент делает, где он теперь живёт, сколько стоит, что изменилось в дизайн-системах (вплоть до Figma-файлов на входе) и где проходят границы.

Статья обновлена 21 сентября 2026 года: переписаны разделы про точки входа, тарифы, дизайн-системы, экспорт и ограничения — всё по свежим материалам Anthropic.

Claude Design: что это за инструмент

Это инструмент Anthropic для визуальной работы: дизайны, интерактивные прототипы и one-pager'ы создаются в диалоге с моделью. Формулировка справки: результат появляется «by having a conversation with Claude». На старте 17 апреля 2026 года продукт работал на Claude Opus 4.7 и выходил как research preview под маркой Anthropic Labs; сейчас официальный статус — бета, и какая модель стоит под ним сегодня, Anthropic не указывает.

Важное уточнение по составу семейства. До сентября визуальную работу закрывал один продукт, теперь их три: Claude Design — макеты и прототипы, Claude Slides — презентации, Claude Docs — документы, которые команда пишет вместе с моделью. Все три в бете на платных планах и все три расходуют общий лимит подписки. Если вы пользуетесь отдельным приложением claude.ai/design — оно продолжает работать как раньше, со своей настройкой.

Что изменилось 16 сентября 2026: один Claude

16 сентября 2026 года Anthropic опубликовала анонс «Claude Cowork and chat are now one Claude». Суть в трёх пунктах:

1. Чат и Cowork объединены. Больше не нужно выбирать, где выполнять задачу: Claude сам определяет, что ей нужно, и возможности Cowork и Design доступны из любого диалога — с вашим контекстом, скиллами и коннекторами.
2. Запущены Claude Docs и Claude Slides (бета). Документ пишется вместе с Claude и экспортируется в Google Docs и Word; презентацию можно показать прямо из Claude или скачать как PowerPoint либо PDF.
3. Claude Design переехал внутрь диалогов. Попросить дизайн можно в любом разговоре, во вкладке Artifacts и в Claude Code. Всё, что создано в Design, Slides или Docs, живёт по одной ссылке, которую можно открыть с телефона.

Раскатка постепенная: первыми обновление получают подписчики Pro и Max в течение нескольких недель на вебе, десктопе и мобильных, затем Team и Free; администраторы Enterprise получат предупреждение минимум за 30 дней до изменений. Учтите две вещи: у разных аккаунтов на одном тарифе новый интерфейс появляется в разное время, а после перехода аккаунта на единый интерфейс вернуться к раздельным Chat и Cowork уже нельзя.

Причина объединения названа прямо: люди путались, где выполнять задачу, а начатое в одном продукте не переносилось в другой. Для дизайнера практический смысл такой: макет теперь рождается в контексте разговора о задаче, а не на пустом холсте в отдельной вкладке.

Клод дизайн: что это и чем отличается от чата

Клод дизайн — та же Claude Design в кириллической записи: нейросеть Anthropic для визуальной работы, где макет собирается разговором с моделью и правится руками. Кириллица существует только в поисковых запросах: интерфейс, адрес claude.ai/design и справка идут латиницей, отдельного продукта с русским названием нет.

Путаница живёт не в алфавите, а в семействе имён. Claude — чат-модель на claude.ai. Claude Code — агент, который работает с файлами проекта в терминале. Claude Design — холст для визуальной работы, после сентября доступный и внутри диалогов. Claude Slides и Docs — соседние беты для презентаций и документов. Все они покрываются одной подпиской и расходуют один общий лимит.

После сентябрьского объединения вопрос «чем холст отличается от чата» переформулируется: Design теперь есть внутри чата, а отличие — в месте результата и способе правки. Обычный артефакт в переписке меняется новым сообщением; дизайн лежит на холсте рядом с диалогом, принимает inline-комментарии, прямое редактирование мышью и подчиняется вашей дизайн-системе.

Где теперь работать: пять точек входа

Справка Anthropic перечисляет пять способов начать дизайн — выбор зависит от того, где вы уже находитесь:

1. В диалоге. Попросите дизайн обычными словами: «Сделай one-pager из этого предложения» или «Собери кликабельный флоу онбординга, который мы обсудили». Claude построит его рядом с разговором. Явно выбрать формат можно в поле сообщения: Output → Design.
2. Во вкладке Artifacts. Откройте вкладку и выберите шаблон Design.
3. В Claude Code. Попросите агента превратить идею в дизайн или используйте команду /design — она создаёт, правит и синхронизирует дизайн-проекты, не выходя из терминала.
4. В приложении для iOS и Android. Попросить дизайн можно и с телефона, результат откроется на весь экран во вкладке Artifacts. Ограничение: править на холсте, начинать с шаблона и менять настройки шаринга — только с веба или десктопа.
5. На claude.ai/design. Отдельное приложение продолжает работать, все существующие проекты остаются на месте, а настройка у него своя, отдельная от интегрированной версии.

Доступ, тарифы и лимиты

Продукт входит в платную подписку Claude и отдельной цены не имеет. На Free-плане его нет: в сравнительной таблице на странице тарифов у Free в строке «Claude Design, Slides, Docs» стоит No, у всех платных планов — Yes. На Pro, Max и Team возможность включена по умолчанию (выключается в Settings → Capabilities), на Enterprise выключена — её включает владелец организации в Organization settings → Artifacts.

По циклу оплаты расхождение, которое было весной, закрыто: в текущей сравнительной таблице тарифов у Pro указано «Monthly and annual», у Max 5x и Max 20x — «Monthly».

Лимиты. Отдельной квоты у продукта нет: вся активность считается в общий пул вместе с чатом, Claude Code и Cowork — это Anthropic подтверждает в справке прямой пометкой: раньше была своя недельная квота, теперь всё идёт в общие лимиты плана. Числовых лимитов именно под холст не публикуется: расход зависит от длины сессии, числа итераций и размера подключённого репозитория. Большие запросы вроде полной деки или дизайна съедают больше лимита, чем обычное сообщение. При исчерпании инструмент недоступен до сброса, а продолжить работу можно через usage credits по стандартным API-ставкам. Денежная ошибка первой недели не изменилась: долгая сессия итераций на холсте съедает ресурс, рассчитанный на агентную работу в терминале, и обнаруживается это, когда в очереди стоит задача для Claude Code.

Дизайн-система: главное обновление осени

Дизайн-система — ядро продукта: без неё Anthropic прямо обещает «functional but generic output», работающий, но безликий результат. Осенью 2026 года механику переработали, и переписаны обе справочные статьи о ней.

Дизайн-система стала артефактом. Управление переехало в Settings → Design systems. Чтобы перенести существующую систему, откройте вкладку Design внизу сайдбара и нажмите «Migrate team design systems» в баннере. Каждая система становится артефактом, который Claude может использовать в любом диалоге, включая Claude Code.

Появилась авточистка. Мигрированные системы несовершенны — об этом честно предупреждает баннер. Кнопка «Let Claude clean it up» приводит в порядок гайд, токены и компоненты. Заметьте: слово «токены» теперь использует сам вендор — ещё весной в описании дизайн-систем его не было.

Способов создания стало три. Из Claude Code командой /design-sync — лучший путь для продуктовых систем в коде: команда читает токены и компоненты React-библиотеки напрямую. Из диалога — для брендовых систем: попросите Claude собрать систему из подключённых приложений, загруженных файлов, Figma-файлов, дек, логотипов и шрифтов. И классический онбординг с загрузкой материалов: репозиторий, прототипы и скриншоты, аккуратный PowerPoint или PDF, отдельные ассеты.

Контроль для команд. После настройки включите тумблер Published — тогда все проекты организации будут собираться на вашей системе вместо дефолтной. Для больших команд есть право Claude Design Admin в кастомных ролях: администратор утверждает единый стандарт и блокирует правки, чтобы результат всегда соответствовал гайдлайнам. Обновляется система через кнопку Remix — открывается чат, и вы правите её диалогом.

Правило приёмки не изменилось. Первым запросом просите не экран, а служебную страницу: все состояния кнопки, карточку, заголовки трёх уровней, поле формы с ошибкой, сетку с реальными отступами. Она собирается за одну итерацию и сразу показывает, что вытащено из источника, а что додумано. Расхождение лечится правкой источника, а не следующим промптом: сам вендор признаёт в Known limitations, что импорт дизайн-системы хорош ровно настолько, насколько хорош источник.

Если ваша библиотека лежит в Figma

Здесь произошло самое заметное изменение с августа. Раньше слово Figma не встречалось ни на странице продукта, ни в справке — ни в импорте, ни в экспорте. Теперь справочная статья про настройку дизайн-системы прямо называет Figma-файлы источником: систему можно собрать из диалога «from your connected apps, uploaded files, Figma files, decks, logos, and fonts». Оговорка важна: этот способ рекомендован для брендовых систем — шрифты, цвета, гайдлайны. Продуктовая библиотека компонентов по-прежнему надёжнее заводится через код: /design-sync читает токены и компоненты из репозитория, а не срисовывает их с картинки.

В обратную сторону моста нет: экспорт в Figma в списке форматов отсутствует. Маршрут «из макета Figma в код» у Anthropic закрыт другим продуктом — Figma MCP подключается к Claude Code, а не к холсту (подробно это разобрано в статье про Figma MCP). Схема работы для дизайнера с живой библиотекой выглядит так: бренд и гайдлайны уходят в холст из Figma-файлов, продуктовые компоненты — из репозитория, а макеты едут в код через терминал.

Экспорт и совместная работа

Список выходов за осень заметно вырос. Кнопка Export в правом верхнем углу проекта предлагает:

• скачивание .zip, экспорт в PDF и PPTX;
• экспорт в Google Slides — только на claude.ai/design, в интегрированной версии его нет;
• standalone HTML — самостоятельная страница, открывается где угодно;
• handoff в Claude Code, отправка локальному кодинг-агенту и в Claude Code Web;
• 15 коннекторов: Adobe Experience Manager, Adobe for Creativity, Adobe Journey Optimizer, Base44, Canva, Gamma, HubSpot, Hyperframes, Lovable, Miro, Netlify, Replit, v0, Vercel и Wix. Весной их было 9 — список открытый, вендор обещает новые адреса.

Шаринг смягчён. На Pro, Max и Team дизайн можно открыть любому по ссылке — понадобится только аккаунт Claude. На Enterprise ссылки по умолчанию живут внутри организации, а наружу их выпускает владелец через External sharing в Organization settings → Artifacts. Работа внутри остаётся организационной: уровни доступа — просмотр, комментирование и редактирование.

Практический сценарий «идея → проверяемый артефакт → разработка» после обновления укладывается в один контур: дизайн рождается в диалоге, дорабатывается комментариями на холсте и уезжает handoff-бандлом в Claude Code, который продолжает с существующей работы, а не начинает заново со скриншота. О том, как устроен агент в терминале, — в статье Claude Code: что это, а обзор соседних инструментов для дизайнера — в подборке AI-инструментов для UI/UX-дизайнера.

Границы: где кончается прототип

Официальный раздел Known limitations осенью переписан, и сравнение с весенней версией показательно. Пункт «web and desktop only» исчез: вместо него теперь Mobile — в приложениях iOS и Android можно попросить дизайн и посмотреть его во вкладке Artifacts, но правка на холсте и настройки шаринга требуют веба или десктопа. Актуальный список ограничений:

Отдельно — граница, которую вендор не проводит, а практика проводит жёстко. Холст собирает работающий прототип на коде: интерактив, переходы, состояния. Продакшн-макет, из которого команда живёт годами, устроен иначе: библиотека версионируется, изменения проходят ревью. Инструмент силён на двух участках — «от идеи до проверяемого артефакта» и «от артефакта до кода через handoff». Ролью единственного хранилища истины он не становится.

Доступ из России

Отдельной страновой политики под этот продукт Anthropic не публикует: он живёт внутри платной подписки Claude и наследует её географию, а России в списке поддерживаемых стран нет. Платёжный слой и варианты работы разобраны в статье Claude Code: что это. Своя специфика у холста одна, и она неприятная: в отличие от Claude Code с его CLI, локального фоллбэка нет — продукт существует только внутри аккаунта, а единственная точка входа — подписка от $20 в месяц.

Практический вывод: базовые механики — дизайн-система, handoff в код, самопроверка результата — переносятся на любой похожий стек. Ценность не в логотипе на вкладке, а в навыке собирать интерфейс диалогом с агентом и принимать его работу.

Кому подойдёт, а кому рано

Инструмент окупается там, где визуальный результат нужен быстро и проверяется глазами: прототип на пользовательский тест, дека для инвестора (теперь — через Slides), пять направлений на выбор вместо одного, лендинг под кампанию. Второй участок окупаемости — связка «дизайн → код», ради которой сделан handoff.

Рано — в двух случаях. Первый: нет дизайн-системы вообще, и тогда генерация превращается в лотерею. Второй: нужен точный контроль над каждым пикселем в макете, который ведётся годами. Тогда холст остаётся площадкой для исследований, а основная работа живёт там, где живёт сейчас.

Планка входа не в промптах, а в приёмке: отличить работающую сборку от красивой картинки, увидеть отклонение от дизайн-системы, довести бандл до кода. Это навык, который собирается из практики. Если хотите пройти этот путь на своей задаче — AI-спринт: 4 бесплатных урока, сквозной проход от идеи до живого продукта в браузере, с конкретной задачей на каждом шаге. Полная программа — на курсе AI Native Designer.

Проверяется инструмент за один вечер на одном экране, собранном на вашей же дизайн-системе: разница между «красиво» и «пойдёт в продакшн» видна сразу, и решение принимает diff, а не обзор.

Частые вопросы

1. Клод дизайн и Claude Design — это одно и то же?

Да, «клод дизайн» — кириллическая запись названия продукта Anthropic, запущенного 17 апреля 2026 года. Внутри продукта кириллицы нет: интерфейс, адрес claude.ai/design и справка идут латиницей. Не путайте соседние имена: Claude — чат-модель, Claude Code — агент в терминале, Claude Design — холст для визуальной работы, Claude Slides и Docs — беты для презентаций и документов. Все они покрываются одной подпиской и расходуют один общий лимит.

2. Есть ли Claude Design на бесплатном тарифе?

Нет. В сравнительной таблице тарифов у Free в строке «Claude Design, Slides, Docs» стоит No. Цены на сентябрь 2026 года: Pro — $17 в месяц при годовой оплате ($200 списываются сразу) или $20 помесячно; Max 5x — от $100, Max 20x — $200 в месяц; Team — $20 за место при годовой оплате и $25 помесячно. На Pro, Max и Team возможность включена по умолчанию, на Enterprise её включает владелец организации.

3. Работает ли Claude Design на телефоне?

Да, с ограничениями — это новшество осени 2026 года. В приложениях для iOS и Android можно попросить дизайн в любом диалоге и посмотреть результат на весь экран во вкладке Artifacts. Править на холсте, начинать с шаблона и менять настройки шаринга можно только с веба или десктопа.

4. Можно ли использовать Figma-библиотеку в Claude Design?

Да, с осени 2026 года справка Anthropic прямо называет Figma-файлы источником: попросите Claude собрать дизайн-систему из диалога — из подключённых приложений, загруженных файлов, Figma-файлов, дек, логотипов и шрифтов. Способ рекомендован для брендовых систем (шрифты, цвета, гайдлайны); продуктовые компоненты надёжнее заводить из репозитория командой /design-sync в Claude Code. Экспорта обратно в Figma нет.

5. Сколько дизайнов можно сделать за месяц?

Числовых лимитов Anthropic не публикует. Отдельной квоты у продукта нет: вся активность считается в общий пул вместе с чатом, Claude Code и Cowork. Расход зависит от длины сессии, числа итераций и размера подключённого репозитория; полная дека или сложный дизайн съедают больше обычного сообщения. При исчерпании лимита можно дождаться сброса или включить usage credits по стандартным API-ставкам.

6. Чем Claude Design отличается от Claude Code?

Claude Code — агент, который читает и правит файлы проекта в терминале. Claude Design — холст, где результат виден глазами и правится мышью. Связь двусторонняя: из Design готовая работа уезжает handoff-бандлом в Claude Code одной инструкцией, а из терминала команды /design и /design-sync создают дизайны и заводят дизайн-систему из репозитория. Оба продукта расходуют один лимит подписки.