Anthropic запустила Claude Design — ИИ собирает прототипы, слайды и лендинги в диалоге

Anthropic запустила Claude Design — инструмент на Opus 4.7, который по промпту собирает прототипы, питч-деки и лендинги, применяет ваш фирменный стиль и передаёт макет в Claude Code одной командой.

Обложка: Anthropic запустила Claude Design — ИИ собирает прототипы, слайды и лендинги в диалоге

Если вам нужно быстро собрать прототип интерфейса, питч-дек или лендинг, но вы не дизайнер — теперь это можно делать в диалоге с Claude. Anthropic Labs 17 апреля запустила Claude Design: отдельный продукт внутри экосистемы Claude, который собирает макеты, прототипы, слайды и маркетинговые ассеты по текстовому описанию и дальше правится голосом, комментариями и ползунками.

Claude Design работает на Claude Opus 4.7 — самой мощной мультимодальной модели Anthropic на сегодня. Он доступен в research preview (ранний доступ с возможными ограничениями) всем подписчикам Claude Pro, Max, Team и Enterprise на claude.ai/design.

Ключевые выводы
  • Новый продукт Anthropic Labs для визуального дизайна через диалог с Claude
  • Под капотом — Claude Opus 4.7, сильнейшая vision-модель Anthropic
  • Доступен в research preview для Claude Pro, Max, Team и Enterprise
  • Поддерживает прототипы, слайды (PPTX, Canva), лендинги и макеты
  • Читает кодовую базу и дизайн-файлы, применяет фирменные стили автоматически
  • Handoff в Claude Code — передаёт готовый прототип на реализацию одной командой

Что такое Claude Design

Это не замена Figma или Canva, а слой над Claude, который превращает разговор в визуальный артефакт. Вы пишете «сделай лендинг для SaaS-продукта в нашем стиле с тремя тарифами и FAQ» — Claude собирает первую версию. Дальше её можно редактировать тремя способами: кликнуть на элемент и оставить комментарий, исправить текст прямо в макете или крутить ползунки. Причём ползунки — не из фиксированного набора: Claude создаёт их под задачу, «от этой версии к той версии» или «от плотного к воздушному».

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

Что можно делать

  • Интерактивные прототипы. Дизайнер превращает статичный макет в кликабельный прототип без PR-а и ревью кода
  • Wireframes и mockups. Продакт рисует флоу фичи и передаёт их в Claude Code на имплементацию или дизайнеру на доработку
  • Design explorations. Дизайнер за одну сессию получает десяток разных направлений макета, а не два-три из-за нехватки времени
  • Питч-деки и презентации. Основатель превращает черновик в готовую on-brand презентацию и экспортирует её в PPTX или в Canva
  • Маркетинговые ассеты. Маркетолог делает лендинги, соцсети, креативы для кампаний и отдаёт дизайнеру на полировку
  • Прототипы нового поколения. Макеты со встроенным кодом: голосовой ввод, видео, шейдеры, 3D и ИИ — то, что обычно рисуют через Three.js и вложенные iframe

Как это работает внутри

Импорт материалов гибкий. Можно начать с текстового промпта, загрузить картинки, DOCX, PPTX или XLSX, показать Claude репозиторий или дать ему «поймать» элемент прямо с сайта через web capture tool — чтобы прототип выглядел как настоящий продукт.

Совместная работа идёт по модели, привычной по Figma и Google Docs: документ может быть приватным, доступным по ссылке всем в организации или с правом редактирования — тогда коллеги могут одновременно править макет и общаться с Claude в групповом чате.

Экспорт — внутренняя ссылка, папка, Canva, PDF, PPTX или HTML-файл. Самое интересное для разработчиков — handoff в Claude Code (передача макета в кодогенератор): система упаковывает макет, дизайнерский замысел (design intent) и ассеты в bundle, который уходит в Claude Code одной инструкцией. Фронтенду не нужно угадывать отступы и цвета — всё приходит вместе с намерением дизайнера.

Что говорят первые пользователи

Наши самые сложные страницы, которые в других инструментах требовали 20+ промптов, в Claude Design собираются за 2. Прыжок от прототипа к продакшену через Claude Code стал бесшовным.
Команда Brilliantучебный продукт

Anthropic отдельно подчёркивает партнёрство с Canva: дизайны из Claude Design переносятся в Canva одним кликом и там превращаются в полностью редактируемые проекты для публикации.

Как получить доступ

Claude Design входит в существующие подписки Claude: Pro, Max, Team, Enterprise. Дополнительных лицензий покупать не нужно — продукт использует лимиты вашего тарифа.

У Enterprise-организаций Claude Design по умолчанию выключен — администратор включает его в Organization settings. Это сделано, чтобы команды безопасников успели оценить, что модель читает дизайн-файлы и кодовую базу.

Рассылка в research preview идёт постепенно: Anthropic раскатывает доступ по подписчикам в течение 17-18 апреля. Стартовая точка — claude.ai/design.

Что это значит для рынка

Claude Design попадает в горячий сегмент «агенты для визуального дизайна и фронта». Прямые конкуренты — v0 от Vercel, Figma Make, Bolt, Lovable, Framer AI. Отличие Anthropic — ставка на интеграцию с Claude Code: прототип уходит в агентного кодогенератора в ту же минуту, в том же разговоре.

Анонс взлетел в топ Hacker News — и ключевая история там не про «ещё один ИИ-дизайнер», а про «ещё один слой для Claude Code, который закрывает дыру на дизайнерской стороне». То есть сообщество реагирует в первую очередь на handoff-сценарий, а не на генерацию макетов.

Часто задаваемые вопросы
1
Работает ли Claude Design из России?

Технически доступ в Claude.ai закрыт в РФ, пользоваться можно только через VPN и платёжные сервисы для зарубежных подписок. Оплата Claude Pro/Max из России напрямую не проходит. По функционалу ограничений на контент или язык нет — интерфейс у модели многоязычный.

2
Чем отличается от v0 или Figma Make?

v0 (Vercel) и Bolt/Lovable заточены под генерацию React-компонентов; Figma Make — под нативные Figma-файлы. Claude Design ближе к интерактивным прототипам и презентациям: он собирает цельный документ с переходами, экспортирует в Canva и PPTX и передаёт результат в Claude Code как bundle с design intent.

3
Можно ли использовать Claude Design без кода?

Да. Это один из главных заявленных сценариев: основатель без дизайнерского опыта собирает питч-дек, продакт рисует wireframes, маркетолог делает лендинги и креативы. Но на итоге остаётся интерактивный артефакт, который можно передать разработчику.

4
Какая модель под капотом?

Claude Opus 4.7 — последняя флагманская модель Anthropic. По сравнению с Opus 4.6 она лучше работает с vision-задачами и агентами, умеет рассуждать про интерфейс целиком, а не поэлементно.

5
Как Claude Design учится моему фирменному стилю?

При настройке вы подключаете свой репозиторий и дизайн-файлы. Claude парсит цвета, шрифты, компоненты и сохраняет их как design system команды. Дальше в каждом новом проекте этот design system применяется автоматически; систем у команды может быть несколько.

Что в итоге

Claude Design — не «ещё один AI для картинок», а попытка Anthropic закрыть рабочий стык между дизайном и кодом. Для команд, которые уже сидят на Claude, это означает меньше инструментов и меньше handoff-а: макет рождается, обсуждается и уходит в реализацию в одном окне.

Для российских разработчиков и продактов, у которых уже есть доступ к Claude, это сокращает путь от идеи до прототипа — без переключения между инструментами и форматами. Дизайнерам же Claude Design — повод сместить фокус с рутинного прототипирования к системному дизайну и фирменным стилям, которые ИИ пока не придумывает самостоятельно.

Источники: анонс Anthropic Labs, обсуждение на Hacker News, страница продукта claude.ai/design.