Claude Design
Знаете, что бесит больше всего? Когда у тебя в голове чёткая картинка — макет, прототип, презентация — а ты не дизайнер. Или ты дизайнер, но менеджер уже третий день спрашивает «когда будет макет», а ты ещё неделю назад понял, что на исследование пяти направлений просто нет времени.
В обоих случаях ты ограничен. Либо навыками, либо временем. И вот Anthropic выпускает Claude Design — инструмент, который обещает решить обе проблемы разом.
Что умеет Claude design
По сути, это визуальный редактор, где вместо мышки ты общаешься с ИИ. Описываешь, что нужно — Клод строит первую версию. Дальше — уточняешь через разговор, комментарии к элементам, прямые правки или специальные слайдеры (которые Клод сам генерирует для тонкой настройки).
Ключевая фишка — дизайн-система. При онбординге Клод читает твой код и файлы дизайна, вытаскивает цвета, типографику, компоненты и потом применяет это автоматически. То есть команда может поддерживать несколько дизайн-систем и использовать нужную в зависимости от проекта.
Работает это так:
CLAUDE DESIGN: ОТ ИДЕИ ДО ПРОТОТИПА
───────────────────────────────────
┌─────────────┐ ┌─────────────┐ ┌─────────────┐
│ ВВОД │───▶│ GENERATION │───▶│ REFINEMENT│
│ │ │ │ │ │
│ • Текст │ │ • Первая │ │ • Комментарии│
│ • Картинки │ │ версия │ │ • Правки │
│ • Код │ │ • Дизайн- │ │ • Слайдеры │
│ • URL │ │ система │ │ │
└─────────────┘ └─────────────┘ └──────┬──────┘
│
┌─────────────┐ ┌────────▼─────────┐
│ EXPORT │◀───│ ITERATION │
│ │ │ │
│ • PDF │ │ (цикл пока не │
│ • PPTX │ │ всё ОК) │
│ • Canva │ │ │
│ • HTML │ │ │
└─────────────┘ └──────────────────┘
Кейсы использования
Авторы статьи приводят несколько сценариев, где Claude Design уже показал себя:
Прототипирование. Дизайнеры превращают статичные макеты в интерактивные прототипы — без кода, без ревью, без пулл-реквестов. Можно сразу показывать заказчикам и тестировать на пользователях.
Вайрфреймы и макеты для ПМ. Менеджеры продуктов могут набросать flows (цепочки взаимодействий) и передать их Клоду Коду для реализации. Или дизайнерам — для дальнейшей проработки.
Дизайн-исследования. Когда нужно быстро посмотреть десяток направлений, а времени в обрез. Клод генерирует варианты за минуты.
Питчдеки и презентации. Особенно для фаундеров и сейлзов — накидал черновик, Клод собрал полноценный слайд на бренде, экспортировал в PPTX или сразу в Канву.
Маркетинговые материалы. Лендинги, соцсети, баннеры — потом дизайнеры полируют, если нужно.
Frontier design. Тут интереснее — можно собирать прототипы с голосом, видео, шейдерами (это такие программируемые эффекты для графики), 3D. То есть не только «картинки», а полноценный интерактив.
Как это работает
Несколько технических деталей, которые показались важными:
- Импорт отовсюду. Загружаешь DOCX, PPTX, XLSX, картинки. Или даёшь Клоду ссылку на сайт — он захватывает элементы оттуда, чтобы прототип выглядел как реальный продукт.
- Точный контроль. Можно комментировать конкретные элементы, править текст напрямую, крутить слайдеры для интервалов, цвета, layout (расположение элементов). А потом попросить Клод применить эти изменения ко всему документу.
- Хендовер в Клод Код. Когда дизайн готов, Клод упаковывает всё в бандл (комплект материалов) и передаёт в Клод Код одной командой. Код пишется уже по готовому макету.
- Интеграция с Канвой. Канва — партнёр. Можно экспортировать дизайн в Канву, где он становится полностью редактируемым и коллаборативным.
В статье есть кейс от Brilliant: их сложные страницы, которые в других инструментах требовали 20+ промптов, в Клод Дизайн сделали за 2. И передача дизайн-интента в Клод Код оказалась бесшовной.
Что в итоге
Меня зацепило несколько вещей.
Во-первых, это не замена дизайнерам — это расширение их возможностей. Они всё ещё нужны для финального полиша и сложных решений. Но теперь можно быстро прострелить 10 направлений и выбрать лучшее, а не сидеть в Фигме часами.
Во-вторых, для непрограммистов это реально прорыв. Не нужно учить Фигму, чтобы сделать презентацию или прототип лендинга. Описал — получил.
В-третьих, дизайн-система как обязательная часть онбординга — это умно. Не надо каждый раз объяснять «мы используем этот синий, этот шрифт». Клод сам вычитывает это из кодовой базы.
Из минусов: пока это.research preview, доступно только подписчикам Pro, Max, Team и Enterprise. То есть бесплатный порог входа — нулевой. Но для команд, которые уже платят за Клода — вполне рабочий инструмент.
Вопрос на подумать: а что дальше? Если ИИ может и дизайн собрать, и код написать — где вообще место дизайнеру в этом цикле? Мне кажется, всё смещается в сторону «арт-директора» — человека, который формулирует задачу и оценивает результат, а не сам манипулирует пикселями.
Но это уже отдельный разговор.
#
idea ──▶ draft ──▶ review ──▶ publish
Ссылки
Дмитрий Полухин — продуктовый дизайнер. Пишу про разработку, AI и дизайн интерфейсов. Обо мне, контакты и профили.