> ## Content Index
> Fetch the complete content index at: https://matveev.tech/llms.txt
> Use this file to discover other available public pages before exploring further.

# Claude Design: как работает дизайн через чат от Anthropic
- URL: https://matveev.tech/claude-design-obzor/
- Published: 2026-04-17T19:08:09.000Z
- Updated: 2026-04-17T19:08:09.000Z
- Description: Разбираемся в Claude Design — новом продукте Anthropic Labs. Как промпт превращается в прототип, что такое handoff в Claude Code и почему акции Figma просели на 7% после анонса.
- Author: Pavel Matveev
- Tags: Claude, AI, Дизайн, Обзор, Новости, Инструменты

> TL;DR: 17 апреля 2026 Anthropic запустила [Claude Design](https://www.anthropic.com/news/claude-design-anthropic-labs?ref=matveev.tech) — инструмент для создания дизайнов, прототипов и презентаций через чат с Claude Opus 4.7\. Доступ открыт подписчикам Pro, Max, Team и Enterprise по адресу [claude.ai/design](https://claude.ai/design?ref=matveev.tech). После анонса акции Figma просели на 6.8%.

Claude Design — это standalone-продукт [Anthropic Labs](https://www.anthropic.com/news/introducing-anthropic-labs?ref=matveev.tech), который превращает текстовые промпты в интерактивные прототипы, макеты, питч-деки, лендинги и маркетинговые креативы. Ты описываешь в чате, что нужно, 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](https://www.anthropic.com/news/claude-opus-4-7?ref=matveev.tech), она принимает изображения до 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 — первый стандалон-продукт, где интерактивный прототип собирается из текстового промпта и уходит в код одной командой. Сравнение по ключевым параметрам:

| Параметр          | Claude Design                   | Figma                           | Canva                      | Pencil                       |
| ----------------- | ------------------------------- | ------------------------------- | -------------------------- | ---------------------------- |
| Основной ввод     | Текстовый промпт + контекст     | Визуальный редактор             | Шаблоны + drag-drop        | Промпт в IDE                 |
| Целевая аудитория | Все, включая не-дизайнеров      | Профессиональные дизайнеры      | Маркетологи, SMM           | Разработчики                 |
| Цена              | В подписке Claude Pro ($20/мес) | От $15/мес за редактор          | Freemium, Pro от $15       | Free (MCP + Claude/Codex)    |
| Handoff в код     | Bundle для Claude Code          | Code to Canvas через MCP        | Нет                        | Прямо в Claude Code / Cursor |
| AI-генерация      | Нативная, Opus 4.7              | AI-фичи через Claude MCP        | Canva AI 2.0, Magic Layers | Генерация через Claude       |
| Дизайн-система    | Импорт из кодобазы автоматом    | Руками через Styles и Variables | Brand Kit                  | Не строит автоматически      |

Ключевая разница в подходе: Figma и Adobe строились под тренированного дизайнера в цикле. Canva — под широкую аудиторию с шаблонами. [Pencil через MCP](https://matveev.tech/pencil-dev-mcp-design-canvas) работает в IDE-контексте. Claude Design не предполагает дизайн-навыков вообще и живёт внутри Anthropic-стека.

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

Две зоны: чат слева, canvas справа. Типичный поток из [официального гайда](https://support.claude.com/en/articles/14604416-get-started-with-claude-design?ref=matveev.tech) такой:

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, [система хранит не сами исходники, а только представление дизайн-системы](https://venturebeat.com/technology/anthropic-just-launched-claude-design-an-ai-tool-that-turns-prompts-into-prototypes-and-challenges-figma?ref=matveev.tech). Локальный код на серверы Anthropic не загружается. Скоро добавят прямое подключение к GitHub.

🔒

Anthropic хранит представление дизайн-системы, а не исходные файлы. Локальный код на серверы не уходит, модели на нём не обучаются. Для Enterprise Claude Design выключен по умолчанию — включает админ.

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

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

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

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

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

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

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

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

![Меню экспорта в Claude Design: PDF, PPTX, Canva, HTML и handoff в Claude Code](https://matveev.tech/content/images/2026/04/claude-design-export-menu.png)

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

- 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 с десятком реальных сценариев разбирал в [обзоре воркфлоу на каждый день](https://matveev.tech/claude-code-10-workflows).

Через несколько недель 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 редактор](https://www.canva.com/newsroom/news/canva-claude-design?ref=matveev.tech). То есть теперь можешь сделать в Claude Design интерактивный артефакт и уронить его в Canva без регенерации кода.

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

По данным Canva, новый Magic Layers, который превращает AI-картинки в редактируемые дизайны, [использовали 9 миллионов раз за первый месяц](https://www.canva.com/newsroom/news/canva-claude-design?ref=matveev.tech). Canva позиционирует себя как «дизайн-слой AI-эпохи» и делает ставку на то, что с ростом объёма AI-генерации спрос будет смещаться в сторону редактирования и коллаборации.

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

В этом месте интересно посмотреть на рынок. [Figma держит 80-90% доли в UI/UX-дизайне](https://www.pymnts.com/artificial-intelligence-2/2026/anthropics-new-design-tool-rivals-adobe-and-figma?ref=matveev.tech), данные The Next Web. На пятничных торгах акции Figma упали на 6.8-7.7% — рынок прочитал лаунч как прямую конкуренцию.

📉

Figma (FIG) на торгах 17 апреля 2026 теряла до 7.7% капитализации в течение дня. Это сильнейшее однодневное падение с момента IPO — инвесторы прочитали Claude Design как прямую угрозу бизнес-модели.

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

По данным [Bloomberg](https://www.bloomberg.com/?ref=matveev.tech), 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](https://matveev.tech/claude-opus-4-7-obzor).

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

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.

[Claude DesignResearch preview от Anthropic Labs. Создаёшь дизайны, прототипы и презентации через чат. Доступно подписчикам Claude Pro, Max, Team, Enterprise.claude.ai](https://claude.ai/design?ref=matveev.tech)

Больше про Claude в [тегеграм](https://t.me/ctospeech?ref=matveev.tech).

## 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](https://claude.ai/design?ref=matveev.tech). Разворачивают постепенно в течение дня запуска, поэтому доступ может появиться не сразу.

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

- [Claude Opus 4.7: обзор новой модели Anthropic](https://matveev.tech/claude-opus-4-7-obzor) — движок Claude Design и что ещё умеет модель
- [Pencil: дизайн в IDE через MCP](https://matveev.tech/pencil-dev-mcp-design-canvas) — альтернативный подход, когда хочется дизайн прямо в редакторе кода
- [UI UX Pro Max: AI-навык для дизайна в Claude Code и Cursor](https://matveev.tech/ui-ux-pro-max-skill-obzor) — как накатить дизайн-компетенции поверх существующего Claude Code
- [10 воркфлоу Claude Code на каждый день](https://matveev.tech/claude-code-10-workflows) — куда уходят handoff-бандлы из Claude Design
- [Superdesign — библиотека промптов для дизайна в IDE](https://matveev.tech/superdesign-prompt-library) — бесплатная альтернатива для тех, кто не на Pro