Зачем

  • Агент работает в твоей дизайн-системе: берёт компоненты, переменные и решения, которые уже есть в продукте.
  • Похожий фрейм за компонент не сойдёт: только инстанс, обновление дизайн-системы или новый компонент.
  • Figma API агент не разбирает заново: ограничения, рабочие подходы и способы проверки уже собраны в правилах.

Что входит

figma-audit-design-system

Читает файл и показывает, что есть в дизайн-системе: компоненты, токены, паттерны, долг. По умолчанию ничего не меняет.

figma-plan-user-flows

Составляет карту сценария: экраны и состояния, точки входа и выхода, структуру страниц файла, до того как что-то нарисовано.

figma-design-screens

Собирает новые экраны и правит согласованные: откуда берётся стиль, бриф на экран, проверки после, правки по одному элементу.

figma-fix-variable-bindings

Находит отвязанные, осиротевшие и захардкоженные значения, показывает отчёт и привязывает обратно после твоего подтверждения.

figma-plugin-api-rules

Записанные отказы Plugin API и обход каждого. Загружается сам, до того как агент что-то запишет в твой файл.

Как начать

  1. Поставь плагин в Claude Code двумя командами выше и перезапусти агента.
  2. Подключи агента к Figma: набери /mcp, выбери figma и пройди вход в браузере.
  3. Запусти агента в папке своего проекта и пришли ссылку на фрейм вместе с задачей.

Сначала проверь свой тип места в Figma: у Dev и Full обращений к инструментам существенно больше, чем у View и Collab. Лимиты в документации Figma

Обратная связь

Расскажи, что получилось, где пришлось вмешаться и в какой момент результат разошёлся с ожиданиями. Если что-то сломалось, пришли сессию.

Подробнее

Статья «Агент, открой Figma»

Поставить набор

claude plugin marketplace add schudarin/chudarin-figma-skills
claude plugin install chudarin@chudarin