Месяц без Figma на Claude Design: 3 кейса, где это бьёт, и 2 провала

Месяц без Figma на Claude Design: 3 кейса, где это бьёт, и 2 провала

Месяц я не открывал Figma и собирал лендинги, презы и прототипы в Claude Design. Три кейса работают, два провалились - вот разбор с промптами.

17 апреля 2026 Anthropic выкатил Claude Design - инструмент, который из текста собирает кликабельные прототипы, лендинги, презентации и письма-рассылки. В тот же день акции Figma упали на 7%, Adobe - на 2.7%, Wix - на 4.7%. За 3 дня до анонса Mike Krieger, со-основатель Instagram и CPO Anthropic, вышел из совета директоров Figma. Слишком много совпадений в одной неделе. Я поставил себе эксперимент: месяц делать все визуальные задачи в Claude Design, Figma не открывать.

Из 5 запланированных кейсов 3 закрылись за час каждый, 2 пришлось доделывать в старых инструментах. Ниже - что сработало, где я споткнулся и в каких сценариях Claude Design реально заменяет дизайнера в команде из одного человека.

Что произошло 17 апреля и почему стоило вообще пробовать

Через сутки после анонса Adobe объявил коннектор Firefly-Claude и встал в позицию платформенного партнёра. Маркер не в падении акций, а именно в этой реакции. Anthropic переписал контракт: дизайн теперь генерируется промптом, старые игроки превращаются в дистрибуторов сгенерированного контента. Mike Krieger в интервью sources.news сформулировал свою парадигму как «агент плюс холст»: слева чат с моделью, справа живой канвас с тем, что модель собирает прямо сейчас.

Цель не в том, чтобы быть единственным продуктом в любой нише. Mike Krieger, CPO Anthropic

Сама формулировка осторожная, но контекст жёсткий. За 3 дня до анонса Krieger вышел из совета Figma. В тот же день The Information опубликовала утечку про будущие дизайн-инструменты Anthropic. Krieger в Anthropic выполняет роль архитектора стратегии. Шаги такого человека редко бывают совпадением, особенно когда между ними укладывается ровно 72 часа.

Я зашёл в Claude Design без амбиции «уйти из Figma навсегда». Хотел проверить три вещи. Первое - реально ли инструмент вытаскивает дизайн-систему из существующего фронтенд-кода или это маркетинг. Второе - сколько времени экономит на типовых задачах фаундера: лендинг под запуск, презентация под партнёра, прототип под юзер-тест. Третье - в каких случаях возвращаться в Figma всё равно придётся. Полная пошаговая инструкция по Claude Design в 2026 у меня вышла отдельным гайдом, здесь - только то, что я не записал бы в инструкцию, а сказал бы лично за чашкой кофе.

Стоимость эксперимента - $20 за Pro-подписку и 30 минут разовой настройки. Российские карты Anthropic не принимает, нужна виртуалка зарубежного банка. Без VPN страница claude.ai/design не открывается. Сами промпты можно писать по-русски, модель Opus 4.7 понимает русский нормально, кнопки в интерфейсе только английские. Эти три барьера проговариваю заранее, потому что без них половина обзоров на vc выглядит как «попробовал три минуты, не зашло».

Кейс №1: лендинг практикума за 47 минут вместо 8 часов

Первое, что я сделал в новом инструменте - лендинг под новый поток практикума. Это для меня калибровочная задача, я её делал десятки раз: hero с одной ценностью, три блока с преимуществами, форма подписки на ранний доступ, FAQ, футер. Раньше: брифинг дизайнера на день, неделя итераций, ещё день вёрстки. Сейчас: один промпт, час правок, готовый HTML, который заливается на любой хостинг.

Подключение дизайн-системы заняло 4 минуты. Я дал Claude ссылку на репозиторий smyslokod.ru на GitHub, он скачал фронтенд-папку, разобрал настройки тем Tailwind, переменные стилей, шрифты, базовые компоненты. На выходе показал палитру (мой фирменный оранжевый, тёмная база), типографику (Plus Jakarta Sans + Instrument Serif), скругления, тени. Подтвердил, пошёл дальше.

Сам промпт под лендинг:

Сделай лендинг для практикума «Смыслокод» по вайб-кодингу для предпринимателей. Визуальное направление: Linear встречает Notion, тон уверенный и тёплый, без пафоса. Структура: hero с одним ценностным предложением и кнопкой, три блока с преимуществами с иконками, форма подписки на ранний доступ, FAQ из 5 вопросов, футер. Используй мою дизайн-систему. Экспорт - отдельный HTML со встроенными стилями.

Через 47 минут от первого нажатия Enter до файла на моём ноутбуке у меня был готовый одностраничник в моих цветах и шрифтах. Из этих 47 минут собственно генерация занимала минут восемь, остальное - три итерации правок: переписал тексты в hero (Claude хорош в структуре, но не в смыслах продукта), заменил заглушки картинок на свои, поправил формулировки в FAQ.

Что важно: у меня в репозитории уже есть собранный фронтенд-каркас. Если репозитория нет - давай Claude брендбук или ссылку на живой сайт, он вытащит цвета и шрифты по DOM. Результат хуже, чем по коду, но рабочий.

Подводный камень, который я не сразу понял. После 3-4 итераций Claude начинает «забывать» дизайн-систему и откатывается к своим дефолтным паттернам - стандартный шрифт, обычные скругления, серый фон. На Hacker News это описывают как общую особенность модели: она тяготеет к привычным паттернам и теряет специфические требования. Лечится одной строкой в чат:

Покажи мою активную дизайн-систему в этом проекте: палитру, типографику, базовые компоненты, паттерны отступов и скруглений. Сравни с моим живым сайтом https://smyslokod.ru и подсвети расхождения.

Эту проверку я делаю каждые 3-4 итерации. По сути - тот же контекст-инжиниринг, что и в Claude Code: контекст управляется руками, а не молча. Хорошо помогают правила в файле CLAUDE.md для проекта - те же принципы работают и в Claude Design, когда ты явно фиксируешь, как должен выглядеть результат.

Чистая экономия: на типовой лендинг под запуск раньше уходило 6-8 часов работы дизайнера и день верстальщика. Сейчас - час моих собственных правок. Готовый одностраничник под практикум живёт прямо сейчас на отдельной странице, я его не показываю как образец дизайна, но конверсия не упала. Для целей «проверить гипотезу» этого хватило.

Кейс №2: презентация для конференции на 12 слайдов

Второй типовой сценарий - презентация. Меня позвали выступить на конференцию «ИИ-визация» с докладом на 25 минут перед залом в 300 человек. Нужно было 12 слайдов: title, проблема, 5 принципов, кейс, призыв к действию. Раньше у меня это был железобетонно двухдневный процесс - брифинг дизайнера на день, день правок. Сейчас вышло за полтора часа от начала до открытия PPTX в PowerPoint.

Промпт-шаблон:

Создай презентацию для конференции из 12 слайдов на тему «5 принципов эффективного вайб-кодинга». Аудитория: предприниматели и продакт-менеджеры без программистского бэкграунда, зал на 300 человек. Тон: уверенный, тёплый, без пафоса, без жаргона. Структура: title, problem, 5 слайдов под 5 принципов с одним крупным заголовком на каждом, кейс с метрикой, ask с QR-кодом на телеграм-канал. Используй мою дизайн-систему. Экспорт - PPTX и Canva.

Что получил: PPTX-файл и автоматически открывшийся проект в Canva, полностью редактируемый. Melanie Perkins, CEO Canva, в комментарии WinBuzzer подтвердила: драфты из Claude Design открываются в Canva как полноценные совместные проекты, готовые к доработке и публикации.

Слайды для зала имеют свою специфику. Один заголовок крупным шрифтом, минимум визуального мусора, ни в коем случае не «портянка» с десятью буллет-пойнтами. Claude Design эту специфику понял с первого раза - типографика заняла половину слайда, всё остальное было пустым пространством. По методологии Артемия (это я про себя в третьем лице) - один смысл на слайд, текст речи в заметках спикера, не на экране.

Подводный камень с презентациями - анимации и переходы. Claude Design генерит статичные слайды, и это его честное ограничение. Если на конференции нужны эффектные переходы между слайдами, забирай файл в Canva или PowerPoint и анимируй там. Я для конференции переходы не делал, статика отлично сработала.

Чистая экономия: 6-10 часов работы дизайнера и ещё день моего вычитывания. Сейчас - 90 минут на полностью готовый PPTX. Выступление прошло хорошо, в зале половина рук была поднята «можно скриншот вот этого слайда».

Кейс №3: прототип Telegram-бота для юзер-теста

Третий сценарий, который мне особенно зашёл - кликабельный прототип для юзер-теста. Делали с командой эксперимент: проверить гипотезу нового онбординга в Telegram-боте до того, как платить разработчику и переписывать рабочий код. Раньше для этого нужен был дизайнер плюс отдельный инструмент типа ProtoPie - неделя, минимум.

То, что раньше занимало неделю брифов, мокапов и циклов ревью, теперь происходит в одном разговоре. Aneesh Kethini, продакт-менеджер Datadog

Цитата из официального анонса Anthropic, но я её проверил на собственном кейсе. Получилось за полдня вместо недели.

Промпт-шаблон:

Построй интерактивный прототип онбординга Telegram-бота для практикума по вайб-кодингу с тремя сценариями: пустое состояние (только что подписался), первое действие (нажал /start, выбрал интересующую программу), момент озарения (получил первый рабочий промпт). Сделай кликабельные элементы для немодерируемого юзер-теста через Maze. Каждую ветку - отдельным экраном, без сворачивания в один.

Что получил - ссылку на прототип. В Maze залил, прогнал на 8 знакомых, собрал обратную связь за вечер. Гипотеза подтвердилась частично, в коде менять решили только два экрана из планировавшихся пяти.

Что важно проверить руками после Claude в этом сценарии:

  • Размеры экранов - Claude иногда собирает в нестандартном соотношении сторон. Проверь, что под iOS/Android всё легло как должно.
  • Глубина сценариев - Claude может «сворачивать» сложные ветки в один экран, чтобы было компактнее. Промпт «покажи каждую ветку отдельным экраном» лечит. Я этот промпт сразу вкручиваю в первый запрос.
  • Состояния - пустое, ошибка, загрузка, успех. Если явно не попросил - не сделает.

Чистая экономия: один-два полных спринта по сравнению с ручной сборкой в Figma плюс ProtoPie. На юзер-тесты у меня теперь типовой ход «промпт - прототип - Maze - решение менять или нет» за один день вместо недели.

Провал №1: финальная полировка лендинга для платного трафика

Здесь я споткнулся. Когда лендинг ушёл в Я.Директ с реальным бюджетом, я заметил, что мелкие детали в Claude Design не дотягивают до того, что обычно делает дизайнер на полировке. Расстояния между блоками местами рваные, размер кнопки на разных разрешениях прыгает, hover-состояние на CTA не выровнено по высоте с обычным.

На малом трафике это не палится, но когда льёшь по 10К/день - конверсия отличается на десятые доли процента, и эти доли решают окупаемость.

Я попробовал доводить в Claude Design ещё четыре итерации с прямыми промптами типа «выровняй кнопку по базовой линии», «убери смещение в hover», «зафиксируй высоту 48px на CTA». Часть правок зашла, часть Claude «починил, сломав соседнее». На пятой итерации мне быстрее было открыть Figma, забрать структуру скриншотом, развернуть в Figma-компонентах и докрутить мышкой за 20 минут.

Это не баг Claude Design, это его положение в производственной цепочке. Сам Anthropic в анонсе позиционирует инструмент как «первый драфт». На фразу «production-ready дизайн с пиксельной точностью» он не претендует, и претендовать не должен. Просто я как пользователь ожидал большего, и месяц без Figma в этом сценарии всё-таки пришлось разорвать.

Лечение - честное распределение ролей. Claude Design на первом драфте, Figma на финальной полировке, Claude Code на реализации в коде. Три инструмента, каждый делает то, что делает лучше. В первый раз обидно, потом привыкаешь.

Провал №2: попытка вытащить дизайн в Figma через .fig

Второй провал был структурный, не процессный. Я хотел отдать готовый лендинг на доработку команде, которая работает в Figma. Логично попросить Claude Design экспортировать в .fig или хотя бы в формат, который Figma импортирует.

Не делает. Это известное ограничение, написанное в материале TechCrunch: у Claude Design нет нативной интеграции с Figma. Ни импорт .fig, ни экспорт. Дизайнер не может забрать выход в Figma по-нормальному, только через скриншот и переразработку.

Я попробовал три обходных пути:

  • Экспорт в PDF, открытие в Figma. Figma открывает PDF как картинку, не как векторные слои. Полная переразработка с нуля. Время - те же 3-5 дней работы дизайнера, эффект Claude Design обнулился.
  • Через Canva как промежуточный формат. Canva открывает проект из Claude Design нормально, но обратной выгрузки в Figma тоже нет. Тупик.
  • Скриншот плюс ручной перенос компонентов. Дизайнер примерно за день перенёс главные блоки, но потерял адаптив и состояния. Я сэкономил один день, но потерял замысел дизайн-решений.

Вывод честный. Если в твоей команде есть дизайнер на Figma, Claude Design встраивается плохо. Он либо заменяет дизайнера (для фаундера-одиночки), либо стоит в стороне от их потока. Промежуточного «дизайнер берёт draft из Claude и докручивает» - нет.

Anthropic эту дыру, вероятно, закроет - партнёрство с Adobe через Firefly показывает, что они в принципе готовы к коннекторам. Но на момент мая 2026 коннектора с Figma не было и в анонсе на ближайшие три месяца его не обещали. Жди или живи без.

Что я понял за месяц - кому Claude Design зайдёт, кому нет

Я не закрывал Figma насовсем - вернулся в неё на одной задаче из пяти. Но из месяца эксперимента вынес чёткое распределение, в каких сценариях куда идти.

Зайдёт, если:

  • Ты фаундер, продакт-менеджер, маркетолог, без дизайнера в штате.
  • Тебе нужен первый драфт презентации, лендинга, прототипа, письма-рассылки за час, не за день.
  • У тебя уже есть фронтенд-кодбейс или брендбук, которые Claude может подхватить как дизайн-систему.
  • Ты пишешь код через Claude Code и хочешь замкнутый цикл «дизайн в одном окне, код в соседнем».
  • Тебе достаточно «работает хорошо», не нужно «работает идеально с пиксельной точностью».

Не зайдёт, если:

  • В команде есть дизайнер на Figma - инструмент не встраивается в её/его поток.
  • Нужна финальная полировка под платный трафик с реальным бюджетом - Claude Design не дотягивает до production-уровня.
  • Нужны анимации, переходы, видео - инструмент даёт статику, видео-экспорта нет.
  • У тебя жёсткие требования compliance (банки, медицина) - нет журнала действий и контроля хранения данных.
  • Тебе принципиально нужен .fig или импорт в Figma - нет ни в одну сторону.

Замкнутый цикл с Claude Code - это та фишка, ради которой я бы взял Claude Design даже при наличии Figma. Экспорт идёт пакетом с замыслом дизайна: структура компонентов, логика отступов и скруглений, якоря для адаптива, именованные значения вместо магических чисел. Claude Code открывает этот пакет напрямую и реализует логику дизайна. Любой другой инструмент отдаёт макет картинкой: разработчик смотрит и переводит «как понял», в момент передачи теряется 30-40% замысла. Здесь принцип другой - дизайн в одном окне, код в соседнем, между ними прямой провод вместо испорченного телефона.

Парадигма «агент плюс холст» - что это значит для рынка

Если отстраниться от моих личных кейсов, в апреле произошло вот что. Anthropic вышел в нишу, где было два устоявшихся лидера - Figma и Canva. И вместо очередного клона или «AI-плагина для Figma» вынес рядом другую модель работы: агент (Claude Opus 4.7) плюс холст (живой канвас). Это даёт совершенно другой контракт с пользователем.

В Figma ты сам каждое решение принимаешь руками. Инструмент мощный, но порог входа высокий. Из-за этого Figma по статистике использует условно 15% сотрудников в типовой продуктовой команде, остальные смотрят на готовое.

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

Реакция Adobe через 24 часа после анонса - это уже не партнёрство, это сигнал стратегии. Adobe (Firefly) встраивается в Anthropic как платформенный поставщик и уходит от конкуренции на уровне UX. То же самое было в момент, когда GitHub Copilot переписал контракт с разработчиком - JetBrains, Microsoft, остальные либо встроились в новый поток, либо ушли в нишу для тех, кто принципиально не хочет ИИ.

Mike Krieger в том же интервью сказал, что Anthropic не пытается убить Figma. И это правда. Krieger строит новый контракт между человеком и дизайн-задачей: словами вместо рамок и слоёв. Figma в этом контракте остаётся для своей аудитории - дизайнеров с глубиной инструмента и финальной полировкой. Canva прекрасно интегрируется и расширяет себе аудиторию через Claude Design.

Проигрывают - те, кто пытаются занять середину. Wix, GoDaddy, конструкторы лендингов - они проиграли больше всего в день анонса именно потому, что были конструкторами «накликай галочками» без глубины дизайн-инструмента и без скорости code-инструмента. Эту нишу Claude Design съедает первой, потому что промпт «сделай лендинг под продукт X» закрывает 80% задач, ради которых люди шли в Wix.

Что дальше

Месяц я закрыл. По итогам ставлю Claude Design в свой постоянный стек на трёх задачах из пяти - лендинги, презентации, прототипы. На финальной полировке и при работе с дизайнерами остаюсь в Figma. На массовых маркетинг-материалах и печатной продукции - в Canva. Это нормальное распределение, не «убил - победил».

Главный вывод за месяц - не про инструмент, а про то, как меняется работа фаундера-одиночки. Раньше «нужен дизайнер» был блокер, теперь это сценарный выбор: «делаю сам быстро» или «отдаю на полировку и финал». В первом случае Claude Design - очевидный выбор. Во втором - всё ещё связка Figma + дизайнер. Решает не вкус, а где именно ты сейчас стоишь.

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

Начать дискуссию