Claude Design: как работает дизайн через чат от Anthropic

TL;DR: 17 апреля 2026 Anthropic запустила Claude Design — инструмент для создания дизайнов, прототипов и презентаций через чат с Claude Opus 4.7. Доступ открыт подписчикам Pro, Max, Team и Enterprise по адресу claude.ai/design. После анонса акции Figma просели на 6.8%.

Claude Design — это standalone-продукт Anthropic Labs, который превращает текстовые промпты в интерактивные прототипы, макеты, питч-деки, лендинги и маркетинговые креативы. Ты описываешь в чате, что нужно, Claude рисует на canvas. Дальше правишь через чат, inline-комменты, прямое редактирование текста и кастомные ползунки, которые Claude сам создаёт под задачу. Работает на новой vision-модели Opus 4.7, вышедшей в тот же день.

Что умеет Claude Design

Anthropic позиционирует тул как площадку для всех, кто работает с визуалом — от дизайнеров до продактов, маркетологов и фаундеров. В анонсе компания перечисляет шесть основных сценариев:

• Интерактивные прототипы из статичных макетов
• Продуктовые вайрфреймы и мокапы
• Дизайн-эксплорации — десятки направлений параллельно
• Питч-деки и презентации с экспортом в PPTX или Canva
• Лендинги и маркетинговые креативы
• Фронтирные прототипы с голосом, видео, шейдерами и 3D

Ключевая метрика для оценки продукта, на мой взгляд, сидит в кейсе от Brilliant. Команда edtech-стартапа рассказала Anthropic, что самые сложные страницы раньше требовали 20+ промптов в других инструментах. В Claude Design те же страницы собираются за 2 промпта. Datadog говорит про сжатие недельного цикла брифов и ревью в один разговор.

Почему такой разрыв? Потому что модель под капотом — Opus 4.7. По данным Anthropic, она принимает изображения до 2 576 px по длинной стороне (3.75 мегапикселя, в три раза больше прежних моделей Claude) и выдаёт 64.3% на SWE-bench Pro. Партнёр Anthropic, компания XBOW, намерила 98.5% на внутреннем визуальном бенчмарке против 54.5% у Opus 4.6.

Чем Claude Design отличается от Figma, Canva и Pencil

Если коротко, то Claude Design — первый стандалон-продукт, где интерактивный прототип собирается из текстового промпта и уходит в код одной командой. Сравнение по ключевым параметрам:

Ключевая разница в подходе: Figma и Adobe строились под тренированного дизайнера в цикле. Canva — под широкую аудиторию с шаблонами. Pencil через MCP работает в IDE-контексте. Claude Design не предполагает дизайн-навыков вообще и живёт внутри Anthropic-стека.

Как устроен интерфейс

Две зоны: чат слева, canvas справа. Типичный поток из официального гайда такой:

1. Создал проект, подгрузил контекст — скриншоты, кодобаза, референсы
2. Описал в чате, что нужно собрать
3. Получил первую версию на canvas
4. Крутишь через чат и inline-комменты
5. Экспортнул или поделился по ссылке

Чат vs inline-комменты

Чат используешь для широких правок: «сделай темнее и минималистичнее», «переставь метрики в верхний ряд», «покажи 2-3 варианта лейаута». Inline-комменты, наоборот, для точечных: кликнул на конкретную кнопку и написал «увеличь паддинг». Если комментарий пропал, это известный баг, Anthropic просит вставить текст обратно в чат.

Ползунки от самого Claude

Ещё одна штука, которую стоит отметить, это adjustment sliders. Claude сам генерирует под твой макет набор ползунков для правки спейсинга, цвета и лейаута в реальном времени. В Figma такого я не припомню. По сути, это ответ на «AI-first workflow».

Брендинг приходит из твоего кода

Это место, где Claude Design цепляется за существующий стек компании и становится полезным для команд, а не только для фаундеров без дизайнера.

Во время онбординга Claude читает кодобазу и дизайн-файлы, собирает дизайн-систему (цвета, типографику, компоненты), и дальше применяет её ко всем проектам автоматически. По описанию VentureBeat, система хранит не сами исходники, а только представление дизайн-системы. Локальный код на серверы Anthropic не загружается. Скоро добавят прямое подключение к GitHub.

Импорт широкий: промпт текстом, картинки, документы (DOCX, PPTX, XLSX), ссылка на репозиторий. Есть web capture tool, который снимает элементы прямо с живого сайта — полезно, когда хочешь, чтобы прототип выглядел как существующий продукт.

Как писать промпты, чтобы получить нормальный результат

Anthropic в гайде рекомендует включать в промпт четыре вещи: цель, лейаут, контент и аудиторию. Примеры, которые работают хорошо:

• «Сделай дашборд с месячной выручкой и фильтрами по региону и продукту»
• «Собери онбординг-флоу из 4 экранов мобильного приложения под основные фичи»
• «Собери лендинг для API-продукта с hero-секцией, примерами кода и прайсингом»
• «Форма сбора фидбэка от клиентов с условными вопросами по категории»
• «Внутренний инструмент для ops-команды: ревью и аппрув контента»

Если Claude не хватает контекста, он задаёт уточняющие вопросы. По моему опыту с похожими AI-тулами это экономит пару итераций на старте.

Важный нюанс в итерациях: делай инкрементально. Сначала базовый лейаут и контент, потом взаимодействия, потом полировка. «Это не то» плохой фидбэк, а «уменьши расстояние между полями формы до 8px» рабочий.

Экспорт и передача в Claude Code

Тут главная фишка, за которую стоит платить внимание. Claude Design встраивается в существующий Anthropic-стек и не запирает результат внутри себя.

Форматы экспорта

• ZIP-архив с ассетами
• PDF и PPTX
• Отправка в Canva
• Standalone HTML
• Handoff bundle для Claude Code (с design intent)
• Shareable-ссылки внутри организации с правами view, comment или edit

Handoff в Claude Code

Главное, чего нет у Figma. Дизайн пакуется в bundle и передаётся кодовому агенту одной инструкцией. Claude Code забирает макет вместе с дизайн-интентом и собирает production-код. Сам Claude Code с десятком реальных сценариев разбирал в обзоре воркфлоу на каждый день.

Через несколько недель Anthropic откроет Claude Design для сторонних интеграций через MCP (Model Context Protocol, открытый стандарт Anthropic для подключения AI-агентов к внешним тулам). Это значит, что подключить, скажем, Jira, Linear или собственный design-system-сервер станет так же просто, как любой другой MCP-сервер.

Партнёрство с Canva

С Canva отдельная история. Партнёрство Anthropic и Canva работает с июля 2025, сейчас его углубили: Canva добавила HTML import в drag-and-drop редактор. То есть теперь можешь сделать в Claude Design интерактивный артефакт и уронить его в Canva без регенерации кода.

В комментарии, который Anthropic цитирует в пресс-релизе, команда Canva объясняет логику партнёрства: «Миссия Canva всегда была в том, чтобы дать возможность дизайнить всему миру, а это значит встречать идеи там, где они рождаются. Мы в восторге от того, что теперь человек может без усилий переносить идеи и черновики из Claude Design в Canva, где они мгновенно превращаются в полностью редактируемые и совместные макеты».

По данным Canva, новый Magic Layers, который превращает AI-картинки в редактируемые дизайны, использовали 9 миллионов раз за первый месяц. Canva позиционирует себя как «дизайн-слой AI-эпохи» и делает ставку на то, что с ростом объёма AI-генерации спрос будет смещаться в сторону редактирования и коллаборации.

Что происходит с Figma и Adobe

В этом месте интересно посмотреть на рынок. Figma держит 80-90% доли в UI/UX-дизайне, данные The Next Web. На пятничных торгах акции Figma упали на 6.8-7.7% — рынок прочитал лаунч как прямую конкуренцию.

Ещё один сигнал: 14 апреля 2026 Mike Krieger, CPO Anthropic, вышел из совета директоров Figma. В тот же день The Information сообщил, что следующая модель Anthropic будет включать дизайн-инструменты. Anthropic публично говорит про совместимость (экспорт в Canva, PPTX и PDF, план на интеграции через MCP), но уход Кригера из совета Figma всё равно выглядит говорящим.

По данным Bloomberg, Anthropic разогналась до $30B ARR к началу апреля 2026 (в марте было $20B), ведёт переговоры с Goldman Sachs, JPMorgan и Morgan Stanley о потенциальном IPO в октябре 2026. Оценка около $800B, это вдвое больше $380B из раунда двухмесячной давности.

Реальная угроза для Figma, как мне кажется, не в том, что завтра профессиональные дизайнеры уйдут в Claude Design. Они никуда не уйдут. Угроза в расширении аудитории. Продакт, маркетолог или фаундер без навыка Figma теперь может собрать интерактивный прототип текстовым промптом. Это пул людей, которых у Figma в воронке вообще не было.

Приватность и цена

Для корпоративных покупателей это критическая часть.

По словам Anthropic в разговоре с VentureBeat:

• Система хранит представление дизайн-системы, не исходные файлы
• Локальный код на серверы не загружается
• Anthropic не обучается на этих данных
• Для Enterprise Claude Design выключен по умолчанию, включает админ
• Готовится прямое подключение к GitHub

Цена — ноль дополнительных денег. Claude Design включён в подписки Pro, Max, Team и Enterprise, работает в рамках твоих лимитов. Хочешь больше, есть opt-in extra usage. Стратегия та же, что с Claude Code: раздать бесплатно, посмотреть, что люди построят, монетизировать там, где выстрелит.

Opus 4.7 в API стоит, как и предшественник: $5 за миллион input-токенов, $25 за миллион output. Если планируешь гонять модель через API отдельно, разбирал новинку в обзоре Claude Opus 4.7.

Что пока работает не идеально

Anthropic перечисляет ограничения. Это всё-таки research preview, а не полноценный релиз.

Главный баг — inline-комменты иногда пропадают, исчезают до того, как Claude успевает их прочитать. Воркэраунд неказистый: вставлять текст обратно в чат.

Компактный лейаут иногда вываливается при сохранении, лечится переключением в full view. Большие монорепы лагают, так что линковать лучше конкретные поддиректории, а не весь репозиторий. Если словил «chat upstream error», открой новый chat-таб в том же проекте.

Коллаборация пока базовая. Полноценного multiplayer-режима как в Figma нет, хотя Anthropic обещает добавить. И последнее, о чём Anthropic говорит прямо: мусорный код на входе даёт мусорный вывод. Дизайн-система импортируется лучше всего из аккуратной кодобазы.

Дата GA (General Availability, полноценный запуск для всех) Anthropic не называет. Говорят, решат по фидбэку.

Советы от Anthropic и мой комментарий

В гайде перечислены шесть рекомендаций для лучших результатов:

1. Начинай с простого, добавляй сложность итерациями
2. Будь конкретен в фидбэке — цифры и названия компонентов работают лучше «это не то»
3. Ссылайся на свою дизайн-систему по имени компонента: «используй Primary Button»
4. Думай про адаптивность сразу — укажи, где будет работать макет
5. Проси варианты, а не угадывай — «покажи 2-3 альтернативы лейаута»
6. Проси фидбэк у Claude — проверка на доступность, контраст, иерархию информации

От себя добавлю: Claude Design — это не замена Figma, если ты дизайнер с 10-летним опытом. Но для команды из трёх человек, которая делает проект и живёт в Claude-экосистеме, это очень рабочая штука. Особенно с учётом handoff в Claude Code.

FAQ

Что такое Claude Design?

Claude Design — это продукт от Anthropic Labs, который превращает текстовые промпты в интерактивные прототипы, дизайны, питч-деки и маркетинговые материалы. Работает на vision-модели Claude Opus 4.7, запущен 17 апреля 2026 в формате research preview по адресу claude.ai/design.

Кому доступен Claude Design?

Подписчикам Claude Pro, Max, Team и Enterprise. Доступ включён в подписку, лимиты — общие с остальными фичами Claude. Для Enterprise-организаций тул по умолчанию выключен, включает админ в настройках организации.

На какой модели работает Claude Design?

На Claude Opus 4.7 — vision-модели Anthropic, которая вышла одновременно с Claude Design 17 апреля 2026. Она принимает изображения до 3.75 мегапикселей и по внутренним бенчмаркам Anthropic даёт +13% к решению задач против Opus 4.6.

Можно ли экспортировать в PPTX или Figma?

В PPTX — да, это один из стандартных форматов экспорта. В Figma — напрямую нет, но можно выгрузить в HTML и открыть в Canva или передать в Claude Code. Готовится расширение интеграций через MCP.

Тренируются ли модели на моём коде?

Нет. По заявлению Anthropic, система хранит только представление дизайн-системы, а не исходники. Локальный код не загружается на серверы Anthropic, обучение на этих данных не ведётся.

Почему акции Figma упали после анонса?

Рынок прочитал Claude Design как прямую конкуренцию. Figma держит 80-90% рынка UI/UX-дизайна, а Claude Design позволяет делать прототипы без навыков работы в профессиональных дизайн-тулах. Акции Figma на торгах 17 апреля 2026 упали на 6.8%.

Как работает handoff в Claude Code?

Claude Design собирает макет, ассеты и дизайн-интент в один handoff bundle. Ты передаёшь его Claude Code одной инструкцией, и кодовый агент превращает прототип в production-код. Никакого ручного экспорта дизайн-токенов и пересборки — всё остаётся внутри Anthropic-стека.

Где попробовать Claude Design?

По адресу claude.ai/design. Разворачивают постепенно в течение дня запуска, поэтому доступ может появиться не сразу.

Что ещё почитать

• Claude Opus 4.7: обзор новой модели Anthropic — движок Claude Design и что ещё умеет модель
• Pencil: дизайн в IDE через MCP — альтернативный подход, когда хочется дизайн прямо в редакторе кода
• UI UX Pro Max: AI-навык для дизайна в Claude Code и Cursor — как накатить дизайн-компетенции поверх существующего Claude Code
• 10 воркфлоу Claude Code на каждый день — куда уходят handoff-бандлы из Claude Design
• Superdesign — библиотека промптов для дизайна в IDE — бесплатная альтернатива для тех, кто не на Pro