Я решил протестировать его - результат приятно удивил. Раньше у меня был SKILL дизайнера, делился им и остальными здесь. А теперь эту роль, на себя, возьмёт Claude Design.
Если коротко - это новый ИИ инструмент от Anthropic на базе Opus 4.7 по умолчанию. Позволяет создавать дизайны, прототипы, слайды и одностраничные документы через обычный диалог.
Ты описываешь текстом, голосом или кидаешь референсы, а в ответ получаешь готовое дизайн-решение. После чего уже можешь докручивать под себя, главное следи за токенами - очень быстро уйдут.
Из того, что мне понравилось - на базе описанной мной дизайн-системы и стиля, он распознал цвета бренда и чего хочется, так же в ходе диалога уточнял моменты: от скругления до желаемого ощущения пользователя при взаимодействии с конкретным элементом.
У этого решения есть аналоги:
• Stitch
• Lovable
• Возможно кто-то ещё
Но лично мне понравился больше Claude Design, так как он уже за 3-4 промпта понял, что мне нужно, а у Stitch это не вышло, увы. Так же у Stitch есть особенность - если вовремя улучшения определённых его страниц не выделить для редактирования, он будет плодить копии.
Что с ним можно сделать:
• Дизайн-систему для сайта / приложения
• Лендинги и маркетинговые страницы
• Прототипы мобильных приложений
С первого открытия он предложил начать с design system. И это правильно - без неё каждый экран живёт своей жизнью, цвета пляшут, кнопки разные. А потом редизайн и токены в трубу.
Я работал через подключенный проект из GitHub и после подключения попросил сделать аудит текущего стиля для приложения и уже имеющейся дизайн-системы. Вот кстати мой промпт, делюсь:
Контекст: мы обновили README, описание дизайн-системы и Design Files.
Этот файл [название] писался до обновлений и может быть неактуальным.
Задача - аудит и актуализация. По шагам:
1. Прочитай текущие README и Design Files
2. Сравни с содержимым этого файла
3. Покажи список расхождений:
- что устарело
- что противоречит обновлённой дизайн-системе
- что отсутствует но должно быть
- что лишнее и можно убрать
4. Предложи исправления - но не применяй пока я не подтвержу
Формат ответа: таблица [что было? что стало? почему?].
В [название] я добавлял конкретный файл содержащий дизайн-систему.
Но результатом остался очень доволен и следующим шагом хочу доделать дизайн и посмотреть как интегрируется в Claude Code - даётся ссылка вида
https://api.anthropic.com/v1/design/h/ABC123 её отдаёшь своему Claude Code и он будет видеть, красота!Доступен экспорт в Figma, PDF, PPTX, HTML
Да, если тебе что-то не нравится, то просто нажми на элемент из списка, выбери "Needs work" и распиши сообщение для улучшения дизайнай [в комментариях добавил где искать]
Как итог:
• Крутое решение - карманный дизайнер под рукой
• Отдельные лимиты - Claude модели: Haiku, Sonnet, Opus не тратятся
• Нативная интеграция с Claude Code
• Используешь другую LLM? Так же легко получить дизайн
• Интеграция с CLI + Telegram + MCP Computer - можно делать дизайны хорошего качества из телефона
• Очень быстро улетают лимиты, не забудь поменять LLM в шестерёнки настроек
Пробовал Claude Design или пока на скиллах? Кидай огонёк если хочешь видеоразбор моего процесса в рамках текущего курса 🧑💻
P.S. В комментарии скинул свои результаты после ~40 промптов для улучшения дизайн системы