Anthropic выкатили Claude Design — и акции Figma упали на 7%. Разбираю всё честно

Что такое, как работает, кому нужно и где ломается. Полный гайд с промптами.

Когда 17 апреля 2026 Anthropic тихо запустили Claude Design, рынок отреагировал быстрее, чем большинство успело прочитать анонс. Акции Figma упали на 7% за несколько часов. Canva объявила стратегическое партнёрство с Anthropic ещё 10 апреля — позиционируя новый инструмент как «upstream creative engine» своей экосистемы.

Это не очередная AI-фича. Это переопределение того, кто вообще может создавать профессиональный визуал.

Я разобрал всё: возможности, процесс, промпты, реальные кейсы компаний и честные ограничения. Поехали.

Суть простая: вы описываете что хотите словами — Claude создаёт рабочий дизайн на холсте справа. Никакого Figma. Никакого Adobe. Никакой кривой обучения.

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

Anthropic прямо говорят для кого это создано: для людей, которым нужно перейти от идеи к визуалу ДО того, как они откроют дизайн-инструмент.

Работает на модели Claude Opus 4.7. Статус — Research Preview, то есть фичи продолжают выкатываться и баги есть.

Находится прямо на claude.ai — иконка палитры в левом навигационном меню. Не отдельное приложение.

Планы с доступом:

Важная деталь: у Claude Design собственные лимиты использования, которые не пересекаются с лимитами чата и Claude Code. Вы не тратите чат-сообщения на дизайн-промпты.

Это не набор шаблонов — это генерация рабочего кода под вашу задачу.

Маркетинговые материалы: Instagram-карусели, Stories и Reels-заставки, баннеры для рекламы любых размеров, email-хедеры и шаблоны, one-pager'ы и sales-листы.

Презентации: питч-деки для инвесторов, КП для клиентов, внутренние отчёты, образовательные слайды. Экспорт сразу в PPTX или в Canva.

Веб: лендинги и one-page сайты с адаптивной вёрсткой и анимациями, формы сбора лидов, дашборды с данными, UI-прототипы приложений.

Прототипы: интерактивные кликабельные для юзер-тестирования, пользовательские флоу (онбординг, чекаут, регистрация), мобильные UI, внутренние инструменты.

Frontier Design — это то, что Anthropic называют «code-powered experiences»: анимированные видео из текста, 3D-визуализации (включая интерактивный 3D-глобус), motion-графика с CSS/JS-анимацией, интерактивные эффекты (shaders, particle effects).

Одна из самых мощных фич. При первом использовании Claude Design читает ваши материалы и автоматически строит дизайн-систему. Все последующие проекты автоматически используют ваши цвета, типографику и компоненты.

Что загружать: кодовую базу (React component library), прототипы и скриншоты, слайды или PDF с вашим брендом, логотипы и файлы палитр.

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

После настройки включаете тоггл «Published» — и все проекты организации автоматически работают в вашем стиле.

Формула хорошего промпта: ЧТО + РАЗМЕР + ТЕМА + АУДИТОРИЯ + СТИЛЬ

Claude также задаёт уточняющие вопросы если информации недостаточно.

Оптимальный формат — 1080×1350px (4:5), 7 слайдов.

Структура, которая работает:

Промпт:

Создай HTML-карусель Instagram 1080×1350px. Тема: [тема]. Аудитория: [кто]. Стиль: тёмный фон #111111, акцентный цвет #FF5733, шрифт Unbounded для заголовков. Структура: обложка с хуком → [N] слайдов с [содержание] → CTA-слайд. Нумерация 01/07 на каждом слайде. Теги-пилюли на обложке. Добавь viewer с навигацией PREV/NEXT.

Форматы с самым высоким охватом: «N причин сделать X», «Что скрывают эксперты о теме», «До и после», «Чеклист за 7 шагов», «Разбор ошибок».

Лучший воркфлоу: сначала проработайте текст в обычном Claude (структура, аргументы, цифры), потом идите в Claude Design с готовым контентом — качество визуала будет намного выше.

Промпт:

Создай презентацию-питч для [компания/продукт]. Аудитория: [инвесторы/клиенты/партнёры]. [N] слайдов: титул, проблема, решение, как работает (3 шага), кейсы с цифрами, команда, бизнес-модель, условия. Стиль: [описание]. Экспортируй как PPTX или HTML для печати в PDF.

Важно: перед встречей проверяйте все цифры, которые Claude вставил автоматически — особенно TAM/SAM/SOM и рыночную статистику.

На выходе — полноценный HTML/CSS/JS одностраничник с адаптивной вёрсткой, анимациями при скролле, секциями цен, FAQ с аккордеоном, формами. Можно сразу публиковать или передать разработчику.

Промпт:

Создай одностраничный лендинг для [продукт/услуга]. Аудитория: [описание]. Структура: Hero с хуком → Кому подойдёт (3 аватара) → Что получишь → Программа → Отзывы (3 карточки) → Тарифы (2 варианта) → FAQ → Форма → Футер. Адаптивная вёрстка. Анимации появления при скролле (Intersection Observer). Стиль: [цвета, ощущение].

Мощная фича — Web Capture Tool: укажите URL любого сайта и Claude вытащит визуальные элементы прямо оттуда. Прототип будет выглядеть как реальный продукт, а не дженерик.

Быстрая публикация: Netlify Drop — перетащить папку, получить ссылку за 30 секунд бесплатно.

90% финального качества — в итерациях, а не в первом промпте. 3–7 итераций — это норма, не баг.

Чат — для глобальных изменений: «Сделай цветовую схему темнее», «Покажи 2–3 альтернативных лейаута».

Инлайн-комментарии — для точечных правок прямо на элементе: «Увеличь padding кнопки», «Замени на dropdown».

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

Главное правило: не переписывайте промпт с нуля. Claude помнит весь контекст. «Всё отлично, только измени заголовок обложки на: [новый текст]» работает лучше, чем начинать заново.

Самая мощная интеграция в экосистеме Anthropic.

Раньше цикл был: бриф → дизайнер (2–5 дней) → разработчик (неделя+) → правки (ещё дни).

Теперь: промпт → Claude Design (30 мин) → Claude Code (часы) → готово.

Как работает: создаёте дизайн → Export → Handoff to Claude Code → Claude упаковывает всё в handoff bundle → передаёте в Claude Code одной командой → production-ready код.

Brilliant (EdTech): страницы, требовавшие 20+ промптов в конкурирующих AI-инструментах, создавались за 2 промпта в Claude Design. Статичные мокапы конвертировались в интерактивные прототипы без code review, всё передавалось в Claude Code для продакшн-реализации.

Datadog: команда сжала то, что раньше было недельным циклом (бриф → мокапы → раунды правок) до одного разговора. Экономия пришла не только от скорости, но и от устранения friction-точек в цепочке бриф → дизайн → ревью.

Jane Street (Design Blog): дизайнер писал, что всё меньше открывает Figma по мере улучшения возможностей Claude. Claude Design формализует и ускоряет то, что этот дизайнер делал вручную.

Claude Design — Research Preview с реальными ограничениями. Было бы нечестно не написать об этом.

Технические:

Стратегические:

Правильный фрейм: это не конкуренты, это эстафета.

Claude Design (исследование идей) → Figma (полировка и дизайн-система) → Canva (публикация и коллаборация)

КритерийClaude DesignFigmaCanvaПорог входаНулевойВысокийНизкийСоздание с нуляОтличноХорошоСреднеПиксель-перфект❌✅❌Дизайн-системаАвтоматическиВручную❌Экспорт в PPTX✅❌✅Handoff в кодClaude CodeZeplin/Dev Mode❌СтоимостьВходит в Pro+$15–45/месБесплатно/$15

Выбирайте Claude Design, если вы не дизайнер и нужен визуал быстро, нужен интерактивный прототип без code review, хотите замкнуть цикл дизайн → код внутри одной экосистемы.

Оставайтесь в Figma, если ведёте профессиональные дизайн-ревью, управляете дизайн-токенами в масштабе, Figma — источник истины для команды.

Расплывчатый промпт. «Сделай красивую карусель» — Claude не знает тему, аудиторию, стиль, структуру. Давайте конкретику: размер, тема, аудитория, цвета, количество слайдов.

Просят всё сразу. «Сделай карусель + лендинг + 5 баннеров» — лучше по одному, качество выше.

Не указывают размеры. Без конкретных пикселей Claude выбирает сам — и часто не то что нужно.

Ожидают финальный результат с первого промпта. 3–7 итераций — норма. Первая генерация — стартовая точка.

Переписывают всё заново вместо точечных правок. Claude помнит контекст. «Только измени заголовок на слайде 3» работает лучше.

Не используют дизайн-систему. Если работаете с брендом — настройте один раз, все проекты будут в вашем стиле автоматически.

Игнорируют Web Capture Tool. Один из самых сильных инструментов — вытаскивает стиль прямо с вашего сайта.

Не просят варианты. Не уверены в направлении — попросите: «Покажи 2–3 варианта этого лейаута». Сравнивать намного быстрее, чем угадывать.

Первый промпт прямо сейчас:

Создай карусель для Instagram 1080×1350px на тему [ваша тема] в тёмном стиле с оранжевым акцентом, 7 слайдов, шрифт Unbounded, нумерация на каждом слайде.

Через 2 минуты — первая версия. Остальное — итерации.

Это сокращённая версия гайда. Полный разбор с шпаргалкой промптов под все форматы, разбором Frontier Design и пошаговыми воркфлоу — в Telegram-канале. Там же выходят новые материалы по Claude и другим AI-инструментам раньше всего.

→