Агент-дизайнер для Figma. Плагин для Claude Code.
Семь скиллов: агент опирается на твои компоненты и переменные или подбирает с тобой шрифт и палитру. Планирует сценарии, собирает экраны и слайды, пишет тексты.
claude plugin marketplace add schudarin/chudarin-design-skills
claude plugin install chudarin@chudarin
Зачем
Похожий фрейм вместо компонента он не рисует. Ставит инстанс, а если нужного компонента нет, предлагает обновить дизайн-систему или завести новый.
Figma API агент не изучает с нуля. Ограничения, рабочие подходы и проверки уже записаны в правилах, и он читает их до того, как что-то запишет в файл.
Что входит
Это один плагин: ставится целиком, все семь скиллов уже внутри. Часть работает в Figma, остальные пригодятся и без неё. Агент сам подбирает нужный под задачу.
- chudarin-design-skills
- audit-design-system
Читает файл и показывает, что есть в дизайн-системе: компоненты, токены, паттерны, долг. По умолчанию ничего не меняет.
- plan-user-flows
Составляет карту сценария до того, как что-то нарисовано: какие экраны и состояния нужны, откуда пользователь входит и куда выходит, как разложить страницы.
- design-screens
Собирает новые экраны и правит согласованные: выясняет, откуда берётся стиль, пишет бриф на экран, проверяет результат и меняет по одному элементу.
- design-slides
Делает и правит презентации: сначала план и вопросы, стиль из твоего шаблона или бренда, цифры сверены с источниками, экспорт проверен.
- figma-fix-variable-bindings
Находит отвязанные, осиротевшие и захардкоженные значения, показывает отчёт и привязывает обратно после твоего подтверждения.
- figma-plugin-api-rules
Собирает случаи, когда Plugin API ломался молча, и способ обойти каждый. Агент загружает его сам, до того как что-то запишет в твой файл.
- writing-texts
Пишет и правит тексты интерфейса, документацию и статьи простыми словами. Учится твоему голосу из правок и записывает только то, что ты одобрил.
Как начать
- 01
Поставь плагин командами выше. Ещё нужны плагин Figma и superpowers, команды для них в README. Потом перезапусти агента.
claude plugin marketplace add schudarin/chudarin-design-skills claude plugin install chudarin@chudarin - 02
Подключи агента к Figma: набери /mcp, выбери figma и пройди вход в браузере.
Перед установкой проверь тип места в Figma: View и Collab дают 6–20 чтений в месяц, Dev и Full от 200 в день. Лимиты в документации Figma
- 03
Запусти агента в папке своего проекта и пришли ссылку на фрейм вместе с задачей.
- 04
Первые запросы
Восемь задач, минимум по одной на скилл; правила Plugin API агент подключает и сам. Начни с аудита: агент ничего не меняет и показывает, с чем будет работать.
Разбери дизайн-систему на этой странице. Посмотри, какие компоненты и переменные есть, где дубли и чего не хватает. Пока ничего не меняй.Спланируй восстановление пароля для веб-приложения. Пользователь начинает с экрана входа. Опиши экраны, переходы и состояния, включая ошибки и загрузку. Пока ничего не рисуй, сначала обсудим план.Собери экран настроек профиля, где пользователь сможет изменить имя, фотографию и почту. Используй нашу дизайн-систему и учитывай, как устроены остальные экраны продукта. Если каких-то компонентов или состояний не хватает, покажи, что нужно добавить.Сделай питч-дек по этому документу. Сначала покажи план и вопросы, слайды пока не делай.Проверь этот питч-дек перед отправкой. Исправь только поломки, остальное предложи списком.Проверь на этой странице привязки цветов, типографики, отступов и скруглений. Покажи, что отвалилось и что можно вернуть на переменные нашей библиотеки.Перед тем как менять файл, открой правила работы с Figma API. После каждого изменения прочитай результат обратно и покажи, что переменные действительно привязались.Перепиши текст пустого состояния на этом экране простыми словами. Если я поправлю формулировку, предложи записать её в мой голос.
Обратная связь
Расскажи, что получилось, где пришлось вмешаться и где результат разошёлся с ожиданиями. Если что-то сломалось, пришли ссылку на сессию или файл из /export.
Набор вырос из моей работы с агентом в Figma: ошибки превратились в правила. Кейсы и блог — на моём сайте.
ПортфолиоПоставить плагин
claude plugin marketplace add schudarin/chudarin-design-skills
claude plugin install chudarin@chudarin
Агент работает в твоей дизайн-системе. Берёт компоненты, переменные и решения, которые уже есть в продукте, а не рисует своё.