Поляков считает: AI, код и кейсы
@countwithsasha
Поляков считает: AI, код и кейсы
Видео:
Claude Design: Anthropic зашёл на территорию Figma
17 апреля Anthropic запустил Claude Design — отдельное приложение внутри claude.ai (пока только в веб), которое по текстовому описанию собирает прототипы, презентации, лендинги и макеты.
Ссылка: claude.ai/design
⚙️ Что завезли
Claude Design работает на свежей Claude Opus 4.7 — она вышла в тот же день. У продукта свои недельные лимиты, отдельные от чат-лимитов и Claude Code. То есть в подписке теперь три квоты токенов: 5 часов, неделя и дизайн.
Доступен всем платным подписчикам.
🎯 Что интересного
Тут всё надо тестировать не перетестировать, уже с первой версии чуствуется, что разрабатывали вместе с дизайнерами и разработчиками интерфейсов. Сразу видно, что можно комментировать весь концепт, отделные элементы, и даже !!рисовать прямо в макете.
В документации обещают много всего:
🔸 На онбординге Claude читает кодовую базу и дизайн-файлы команды и строит из них дизайн-систему. Дальше все проекты будут использовать корпоративные цвета, типографику, компоненты.
🔸 Редактирование по клику (уже стандарт) — ткнуть в элемент, оставить комментарий, подкрутить отступы. Под конкретный макет Claude сам генерирует ползунки-регуляторы: цвет, размер, разделители.
🔸 Экспорт в Canva (не в Figma), PDF, PPTX, выгрузка HTML. Готовый макет упаковывается в бандл и передаётся в Claude Code одной командой.
🔸 Web capture — можно ткнуть Claude в живой сайт и вытащить оттуда элементы для прототипа.
😀 Пытался копировать дизайн Apple — система отказалась, сказала так не надо. Сделала своё.
📊 Кейсы из пресс-релиза
Brilliant: страницы, которые требовали 20+ промптов в других инструментах, теперь собираются за 2.
Datadog: цикл «бриф — макет — ревью» схлопнулся с недели до одного разговора.
Хз, я не знаю ни одних ни других, ну наверное круто.
Токены Claude Design тратит заметно: улетело 4% недельного лимита с одного прототипа сайта про котиков.
🤔 Что дальше
Короче тут надо пробовать. Интересны две вещи: насколько честно Opus 4.7 читает реальный проект и строит из него систему, и хватит ли недельного лимита на осмысленный продовый кейс. Хотя бы один.
Lovable отреагировал сразу — раздаёт двойные кредиты на фоне запуска. Figma пока молчит.
Пресс-релиз: https://www.anthropic.com/news/claude-design-anthropic-labs
А вы уже пробовали? Расскажите о впечатлениях. Особенно интересно мнение дизайнеров
----
Поляков считает — AI, код и кейсы
Почелленджил на специфичной задаче Claude Design и Lovable.
Еще вспоминал про Figma Make, но там кривой импорт
🎯 Задача
Скопировать готовый дизайн лендинга «Мир Штакетника» (аттач) — обычный коммерческий лендинг производителя металлоштакетника. Цыветные кружочки, плитка, всё как положено.
Заход одинаковый:
1️⃣ .fig файл в Claude Design
2️⃣ Figma-файл + скриншот в Lovable Web
3️⃣ MCP Figma в Lovable Desktop
💥 Что получилось
Победителя нет — все справились с косяками. Но Claude единственный пошёл в глубину: вытащил картинки, точные отступы, конфигурации блоков. Даже отказался использовать фотографию забора с артефактом Shutterstock — оставил только фон с домом. Бонусом нарисовал мобильную версию: закреплённая шапка.
Короче Claude Design сделал самую близкую копию.
Lovable в обоих вариантах читал дизайн поверхностно. Тянула отступы, генерировала своё. Получились симпатичные лендинги, но от оригинала далеко.
А ещё есть Figma Make — но туда любой
🎨 Фишка, ради которой стоит попробовать
Пока делал копию дизайн системы из фигма файла, то получил такой тиндер из элементов дизайна — ставишь лайк/дизлайк компонентам дизайн-системы. Кнопки, цвета, шрифты выкладываются отдельными карточками с параметрами вроде «pill 40 px, hover lifts to #56C091».
У моего проекта получилось 19 карточек кнопок, 20 цветовых гипотез, 21 типографическая шкала на ревью.
💰 Цена вопроса
Claude Design жрёт лимиты агрессивно: за один проект я сжёг 69% недельной квоты Claude. Lovable потратил 15 кредитов — на тарифе за 20 долларов расход почти не заметен.
🔧 Где что применять
Если задача — скопировать готовый Figma-макет один в один, Claude Design делает аккуратнее всех. Прям очень глубокая проработка. Для генерации сайта с нуля без референса Lovable, Figma Make или Google Stitch отработают дешевле и быстрее.
Кстати, а ведь наверняка типичная задача: преобразовать набросок Фигмы в сверстанные шаблоны? Поделитесь, кто как решает?
----
Поляков считает — AI, код и кейсы
Еще вспоминал про Figma Make, но там кривой импорт
.fig файлов, поэтому опустим.🎯 Задача
Скопировать готовый дизайн лендинга «Мир Штакетника» (аттач) — обычный коммерческий лендинг производителя металлоштакетника. Цыветные кружочки, плитка, всё как положено.
Заход одинаковый:
1️⃣ .fig файл в Claude Design
2️⃣ Figma-файл + скриншот в Lovable Web
3️⃣ MCP Figma в Lovable Desktop
💥 Что получилось
Победителя нет — все справились с косяками. Но Claude единственный пошёл в глубину: вытащил картинки, точные отступы, конфигурации блоков. Даже отказался использовать фотографию забора с артефактом Shutterstock — оставил только фон с домом. Бонусом нарисовал мобильную версию: закреплённая шапка.
Короче Claude Design сделал самую близкую копию.
Lovable в обоих вариантах читал дизайн поверхностно. Тянула отступы, генерировала своё. Получились симпатичные лендинги, но от оригинала далеко.
А ещё есть Figma Make — но туда любой
.fig файл не положить, только фреймы и компоненты из Figma Design. Парадокс внутри одного продуктового семейства.🎨 Фишка, ради которой стоит попробовать
Пока делал копию дизайн системы из фигма файла, то получил такой тиндер из элементов дизайна — ставишь лайк/дизлайк компонентам дизайн-системы. Кнопки, цвета, шрифты выкладываются отдельными карточками с параметрами вроде «pill 40 px, hover lifts to #56C091».
У моего проекта получилось 19 карточек кнопок, 20 цветовых гипотез, 21 типографическая шкала на ревью.
💡 Обычно промпт-дизайн требует описывать стили словами. Здесь собираешь UI-kit как в Tinder: лайк дизлайк. И кстати это удобно.
💰 Цена вопроса
Claude Design жрёт лимиты агрессивно: за один проект я сжёг 69% недельной квоты Claude. Lovable потратил 15 кредитов — на тарифе за 20 долларов расход почти не заметен.
🔧 Где что применять
Если задача — скопировать готовый Figma-макет один в один, Claude Design делает аккуратнее всех. Прям очень глубокая проработка. Для генерации сайта с нуля без референса Lovable, Figma Make или Google Stitch отработают дешевле и быстрее.
Кстати, а ведь наверняка типичная задача: преобразовать набросок Фигмы в сверстанные шаблоны? Поделитесь, кто как решает?
----
Поляков считает — AI, код и кейсы
❤ 9
👍 4
🥴 2
🥱 1
9 46 2.2K
Обсуждение 9
Обсуждение не доступно в веб-версии. Чтобы написать комментарий, перейдите в приложение Telegram.
Обсудить в Telegram