Claude Design - замена Figma от Claude Code, обвалила акции в первый же день (гайд и обучение)
17 апреля 2026 Anthropic запустила Claude Design — инструмент для создания дизайнов, прототипов и презентаций через чат с Claude Opus 4.7. Доступ открыт подписчикам Pro, Max, Team и Enterprise по адресу claude.ai/design. После анонса акции Figma просели на 6.8%.
Канал с гайдами и контентом по claude code, выкладываем новости (когда режут лимиты в 10 раз) и какие инструменты через claude реализуем для проектов, канал: https://t.me/claudedevolper
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 справа. Типичный поток из официального гайда такой:
- Создал проект, подгрузил контекст — скриншоты, кодобаза, референсы
- Описал в чате, что нужно собрать
- Получил первую версию на canvas
- Крутишь через чат и inline-комменты
- Экспортнул или поделился по ссылке
Чат vs inline-комменты
Чат используешь для широких правок: «сделай темнее и минималистичнее», «переставь метрики в верхний ряд», «покажи 2-3 варианта лейаута». Inline-комменты, наоборот, для точечных: кликнул на конкретную кнопку и написал «увеличь паддинг». Если комментарий пропал, это известный баг, Anthropic просит вставить текст обратно в чат.
Ползунки от самого Claude
Ещё одна штука, которую стоит отметить, это adjustment sliders. Claude сам генерирует под твой макет набор ползунков для правки спейсинга, цвета и лейаута в реальном времени. В Figma такого я не припомню. По сути, это ответ на «AI-first workflow».
Брендинг приходит из твоего кода
Это место, где Claude Design цепляется за существующий стек компании и становится полезным для команд, а не только для фаундеров без дизайнера.
Во время онбординга Claude читает кодобазу и дизайн-файлы, собирает дизайн-систему (цвета, типографику, компоненты), и дальше применяет её ко всем проектам автоматически. По описанию VentureBeat, система хранит не сами исходники, а только представление дизайн-системы. Локальный код на серверы 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-стек и не запирает результат внутри себя.
Форматы экспорта
- 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% — рынок прочитал лаунч как прямую конкуренцию.
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, 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 и мой комментарий
В гайде перечислены шесть рекомендаций для лучших результатов:
- Начинай с простого, добавляй сложность итерациями
- Будь конкретен в фидбэке — цифры и названия компонентов работают лучше «это не то»
- Ссылайся на свою дизайн-систему по имени компонента: «используй Primary Button»
- Думай про адаптивность сразу — укажи, где будет работать макет
- Проси варианты, а не угадывай — «покажи 2-3 альтернативы лейаута»
- Проси фидбэк у 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 code, выкладываем новости (когда режут лимиты в 10 раз) и какие инструменты через claude реализуем для проектов, канал: https://t.me/claudedevolper