Вчера на занятии меня спросили, что я использую для интерфейсного дизайна, я решил поделиться этим набором тут.

Оркестратором всей истории выступают Claude Code и Codex. Честно скажу, для разных задач они «звучат» немного по-разному. С точки зрения дизайна и композиции, Claude Code, безусловно, лучше. Но Codex с необходимыми скиллами очень хорошо справляется с копирайтингом, написанием текстов для интерфейсов и вообще работе с текстом.

Из того, что вокруг:

Перво-наперво, это pencil.dev + Figma, оба через плагины (оба через CLI). Отмечу, что с недавнего времени Figma дала возможность не просто «считывать дизайн», но и создавать его. Про MCP и там, и там, забыли.

https://impeccable.style/ — Как написано на сайте самих ребят: «Teaches you AI Design». Если очень кратко, то это набор скиллов, которые позволяют расширить возможности агентных сред и расширять их до возможности проводить практически полный дизайн-процесс.

https://github.com/microsoft/playwright-cli — Это незаменимая вещь, браузер, управляемый агентной средой. Все, что было создано, спроектировано и должно быть проверено визуально, делается через Playwright CLI.

Из основного это всё. Дополнительно:

https://github.com/obra/superpowers — Про этих ребят я уже писал выше. Это швейцарский нож номер один в моем арсенале. Используется для планирования, визуального проектирования интерфейсов, исполнения планов, подведения итогов.

https://github.com/VoltAgent/awesome-design-md — Наборы готовых стилей крупных компаний. Не призываю использовать один в один, но как референсы дизайн-систем вполне себе подойдет.

https://designlang.vercel.app/ — Экстрактор дизайн-системы из любых ресурсов. Натравливаешь его на какой-нибудь сайт, в итоге получаешь структурированный набор дизайн-паттернов и дизайн-систему. Пока сыроват, но ребята очень активно его допиливают.

https://mobbin.com/ — Традиционный король референсов по дизайну. Тут собрано около 600 тысяч разных скринов, элементов, интерфейсных сценариев и паттернов. Можно использовать как источник вдохновения или анализировать для своих собственных продуктов. У меня есть свой собственный скилл для Claude Code, который работает с Mobbin и умеет искать и, при необходимости, извлекать необходимые запчасти для дизайна: маленькие и большие.

Больше никаких секретов не осталось…