Дизайн через агента
Figma и Stitch через агента, дизайн-плагины, рендер с проверкой глазами и дизайн-система в одном файле — от описания словами до готового кода.
Начать читатьПошагово, с командами
Установка, настройка и инструменты — с реальными командами, которые копируешь и вставляешь.
Инструменты
Figma и Claude Code через MCP
Официальный Figma MCP: выбираешь фрейм в макете — агент превращает его в код.
Инструменты
Google Stitch — экран из промпта
Описываешь экран словами — Stitch за пару минут рисует hi-fi макет и DESIGN.md, экспорт в Figma или код.
Инструменты
Дизайн-плагины Claude Code
Плагины превращают агента в дизайн-инструмент: страницы, диаграммы, графики и анимация вместо голого текста.
Практика
Рендер и проверка глазами
Агент сам открывает страницу в браузере, делает скриншот, смотрит и чинит — а не проектирует вслепую.
Инструменты
Superdesign — дизайн-агент в редакторе
Опенсорсный дизайн-агент: рисует варианты на холсте и сам внедряет выбранный в твой код — подключается к Claude Code навыком в одну строку.
Разборы
Что это такое и зачем — без пошаговых команд. Понять картину, прежде чем щупать руками.