Дизайн с Claude:
от идеи к интерфейсу
Claude умеет не только писать текст, но и собирать интерфейсы: вы описываете словами или показываете скриншот - получаете рабочий UI, который сразу видно и можно потрогать. Этот курс для тех, кто не дизайнер и не верстальщик, но хочет быстро получить макет и перенести его в свой проект.
для кого этот курс
программа курса
Что Claude умеет в дизайне
Claude генерирует интерфейсы, верстает и превращает текстовое описание или скриншот в рабочий UI. Зачем это невайбкодеру: быстрый прототип без дизайнера и верстальщика.
Artifacts: живой предпросмотр
Что такое Artifacts в Claude.ai: попросили интерфейс - сразу видите и трогаете его рядом с чатом. Итерации голосом: поменяй цвет, сделай адаптивно, добавь кнопку.
Дизайн в код
Из текста или скриншота в HTML/React и CSS. Как задавать стиль и тон промптом, чем управлять и что в итоге отдать в свой проект.
Как интегрировать
Вставить полученный код в свой проект и доработать в Cursor или Claude Code. Референсы и дизайн-система, связка с Figma через MCP - кратко.
Шпаргалка
Готовые промпты для дизайна, чек-лист перед стартом и ссылки на смежные курсы. Всё на одной странице.