Что на самом деле выпустил Anthropic, для кого он, что сломает ваш недельный лимит — и 9 секретов из утёкшего системного промпта на 422 строки.
Claude Design — не замена Figma. Это инструмент для другой аудитории с другой логикой работы.
если знаешь, как пользоваться: прототип, дизайн, слайды, баннеры — за минуты.
если не знаешь — недельная квота уйдёт за пару часов, и ты останешься ни с чем.
Figma падала задолго до релиза. Раздутое IPO, убытки, общий AI-страх по SaaS.
Отдельная вкладка на claude.ai. Описываешь текстом — Claude строит визуально. Прототипы, лендинги, презентации, баннеры.
Первая строка системного промпта: «Ты эксперт по дизайну, ты создаёшь дизайн-артефакты через HTML». Claude Design не рисует — он программирует дизайн. Отсюда интерактивность и готовность к передаче в код.
Блогеры: «Claude убил Figma за 24 часа». Акции Figma −13% за неделю. Реальный контекст никто не даёт.
| Дата | Событие | Цена | Что происходило |
|---|---|---|---|
| Июль 2025 | IPO Figma | ~142$ | Оценка $62 млрд — в 3 раза выше реальной |
| Янв 2026 | — | −30% | Claude Design ещё не существует |
| Март 2026 | — | −28% | Claude Design всё ещё нет |
| 10 апр 2026 | Минимум | 17.73$ | До релиза Claude Design — неделя |
| 17 апр 2026 | Релиз Claude Design | — | Последний гвоздь в крышку гроба, который строился задолго |
Причины падения — раздутое IPO, выручка $1 млрд при убытке $1.25 млрд, общий AI-страх по SaaS и конкуренты: Stitch, Lovable, Bolt, v0, Replit — все вышли до Claude Design.
Figma и Claude Design конкурируют за разных людей. Это не замена — это соседняя полка.
Из системного промпта: «Хороший детальный дизайн не начинается с нуля — он опирается на существующий дизайн-контекст. Без контекста результат будет плохим». Это инструмент для тех, кто знает, чего хочет, но не умеет это нарисовать сам.
На первой странице Claude Design — четыре режима. Last три многие недооценивают и напрасно.
Интерактивные вещи: прототипы приложений, лендинги, дашборды.
Презентации с speaker notes. Навигация, печать в PDF, локальное состояние.
Свои или чужие шаблоны — клонируй структуру под новые продукты.
Статика: email-рассылки, пейджеры, маркетинговые баннеры, каркасы.
Правило большого пальца: Prototype — для кликабельных вещей. Other — для статичных. Путают чаще всего эти два режима.
Любой цифровой артефакт, который можно описать HTML + CSS + React.
От логотипов до полноценных one-page.
iOS/Android — автоматически в рамке телефона.
С анимацией, навигацией, speaker notes.
Несколько вариантов за один промпт.
В фирменном стиле из дизайн-системы.
Структура без финального визуала.
HTML-таймлайн как в After Effects из промпта.
Любые панели управления, таблицы, графики.
Лайфхак: откройте вкладку Claude Design на iPad Pro с Apple Pencil — рисуйте скетч рукой, Claude превратит набросок в полноценный дизайн. Мышкой/трекпадом это неудобно.
Ваши цвета, шрифты, логотипы, стили. Claude запоминает и применяет ко всем будущим проектам в проекте.
Continue to generation~5 минут времени генерации.
Осторожно: когда даёшь Claude Design полную свободу — результат креативнее. С дизайн-системой модель зажата в рамках и может стать хуже. Сначала попробуйте без системы, инвестируйте в неё только когда точно поняли инструмент.
Два режима детализации. Плюс расширенный план-режим, который задаёт 10+ вопросов перед генерацией.
Claude задаёт минимум 10 вопросов. Это цитата из промпта, не пожелание.
Из системного промпта: «Задавать хорошие вопросы критически важно. Задавай минимум 10 вопросов, а лучше больше». Поэтому ответы на план-режим напрямую определяют качество результата.
Из системного промпта: «Создание полного макета с нуля — крайняя мера, которая приведёт к плохому дизайну. Без контекста результат будет шаблонным».
Найдите референс-лендинг и приложите его к промпту.
Подключите свой проект — Claude возьмёт реальные цвета, отступы, шрифты.
Не копируется дословно — используется для воспроизведения стиля.
Web Capture извлекает живые компоненты, не скриншоты.
Набросок превращается в napkin-файл → полноценный дизайн.
Постоянные инструкции на весь проект — как в Claude Code.
Четыре приёма, которые радикально улучшают первый результат и экономят лимит.
Пишите, чего не хотите. Запретить проще, чем потом переделывать.
«без градиентов, без ярких цветов, структура монохромная»
«Вдохновись как Apple» — сработает. «Скопируй интерфейс Apple» — откажется (проверяет email-домен).
Откройте Claude Code в терминале: «Напиши детальный промпт для Claude Design. Мне нужен лендинг для X». Получите структурированный промпт на 10–15 строк.
Не мегапромпты. «Поменяй шрифт, перекрась фон, подвинь кнопку» — Claude сделает 1–2 вещи, остальное проигнорирует.
Модели: Opus 4.7 — для первого создания и плана. Sonnet 4.6 — для итераций, правок, анимаций. Sonnet справится не хуже, но в разы дешевле по токенам.
Две механики итерации, недоступные в обычном Claude Code. Там же — главное правило экономии.
Смотрите в Updates to-do list сбоку. Если Claude идёт не туда — жмите Stop сразу. Каждая секунда генерации = токены из лимита.
Дешевле остановить на полпути и поправить промпт, чем переделывать готовое.
Три вкладки, которые недооценивают. А зря — презентации в Claude Design получаются сильнее, чем лендинги.
Speaker notes, анимации, навигация стрелками. Можно сгенерировать видео-ролик из презентации с заданной длиной.
Баннеры, email, одностраничники. Навык генерации баннеров — отличный, только переносы текста требуют правок вручную.
Сохранил один email-шаблон — все будущие рассылки за один промпт. Template — это дизайн-система для структуры, а не для визуала.
CLAUDE.md в дизайн-проекте работает так же, как в Claude Code: постоянные правила для каждой сессии (тёмная тема, шрифт, никаких скруглений). Поведение дизайна, не визуал.
Готовый дизайн можно вывести куда угодно: от PDF до полноценного Claude Code-проекта одной командой.
| Формат | Когда использовать | Редактируемость |
|---|---|---|
| Печать, быстро показать клиенту | Нет | |
| PPTX (edit) | Если будете дорабатывать в PowerPoint | Текстовые блоки, фигуры двигаются |
| PPTX (screenshot) | Показать как есть, 1:1 как в дизайне | Скриншот, не редактируется |
| HTML standalone | Автономный файл, работает онлайн/офлайн | Через код |
| Canva | Командная работа, маркетологи | Полностью — официальное партнёрство |
| Handoff to Claude Code | Финальный продакшен: дизайн → код → API → логика | Через Claude Code |
Правильный продуктовый подход: Discovery → дизайн → согласование → разработка под дизайн. Раньше Claude параллельно собирал и код, и дизайн. Теперь цикл закрывается как в классических продуктовых командах — внутри одной подписки.
Из утёкшей 422-строчной инструкции, которую Claude Design получает перед каждой сессией.
Артефакт может вызвать Haiku прямо из HTML без API-ключа, в рамках вашей квоты. Кнопка «сгенерировать описание» в прототипе реально работает.
iOS/Android Frame, macOS/Browser Window, DeckStage.js (презентации), Animation.js (таймлайн), Design Canvas (сравнение вариантов).
Жёсткое правило: «всегда разбивай код на маленькие JSX-файлы». Поэтому экспорт в Claude Code даёт модульный код, а не кашу на 3000 строк.
После каждой генерации Claude запускает субагента-проверяющего: открывает дизайн во фрейме, делает скриншоты, ловит вёрстку. Автоматический QA.
Claude может читать файлы из других ваших дизайн-проектов без копирования. Web Capture по URL извлекает живые компоненты, не скриншот. Прототип соответствует реальному продукту.
Оставшиеся секреты и список запретов, чтобы результат не выглядел как у всех остальных AI-генераторов.
Вот почему Claude Design визуально не похож на Lovable / Bolt / v0 / Replit. Anthropic прописали запреты в промпте осознанно. Поэтому результат отличается от других генераторов.
Claude Design vs Stitch vs Lovable/Bolt vs v0. Figma — не конкурент, это другой рынок.
| Инструмент | Что делает | Ключевое отличие | Экспорт |
|---|---|---|---|
| Claude Design | Визуальный дизайн и прототип | Plan Mode, Variants, Twix, CLAUDE.md, verifier | Claude Code, Canva, HTML, PDF, PPTX |
| Google Stitch | Тот же жанр | Бесконечный холст, передача в Firebase + Gemini CLI. Нет Twix, нет Variants, нет Plan Mode | Firebase |
| Lovable / Bolt | Vibe-coding: рабочее приложение | Выдают код с БД и авторизацией — это MVP, а не макет | Полный стек |
| v0 (Vercel) | Ближайший аналог | React-компоненты из промпта. Нет дизайн-системы, Twix, мультиплеера | Vercel |
| Figma | Профессиональный дизайн | Другая аудитория: дизайнеры, рисующие с нуля. 80–90% рынка UI/UX | Design hand-off |
Чтобы принять решение, не опираясь на хайп.
Квота Claude Design отдельная от чата и Claude Code. Но сама по себе небольшая.
/clear в длинных сессияхКогда квота закончилась, можно платить сверху. Дорого, но дешевле живого дизайнера.
Мобилка — не автоматическая. Если не попросили — на телефоне будет криво. Проверяйте через F12 → mobile view перед деплоем.
Как оживить лендинг видеофоном за 5 минут без дизайнера и видеографа. 5$ extra usage в Claude Design + относительно бесплатные тиры генераторов.
Стартовое изображение: не абстрактное, а с конкретной композицией под ваш лендинг.
First & last frame одинаковый → идеальный цикл. 720p для экономии. Длина 8 сек.
Апскейл до нужного качества, чтобы на лендинге выглядело дорого.
«Замени hero-баннер на видео, автоплей, без звука, loop». Прикрепили файл — готово.
Бонусный трюк: попросите, чтобы голова поворачивалась только при скролле страницы. «Прокручивание будет двигаться по движению по странице» — Claude это сделает.
Без уверток: честная сегментация аудитории.
После утёкшего системного промпта, тестов и потраченных $20 — пять пунктов, в которых суть.
Зайдите на claude.ai/design, попробуйте один промпт с референсами в Plan Mode и через дизайн-систему. Сравните с тем, что даст ChatGPT или Cursor. Этого достаточно, чтобы понять, ваш ли это инструмент.