Figwright MCP
Бесплатный двусторонний MCP-сервер для Figma: превращает дизайн в код с учетом фреймворка и возвращает код обратно на холст
- 1 400 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Читает макеты Figma и генерирует код в проект
- Возвращает изменения на холст Figma через плагин
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/figwrightОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Читает макеты Figma и генерирует код в проект
- Возвращает изменения на холст Figma через плагин
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Figwright связывает агента с Figma в обе стороны. Из дизайна он генерирует код с учетом выбранного фреймворка, а из кода собирает элементы обратно на холст Figma. Сервер работает в паре с плагином Figma и не требует места в Dev Mode. В комплекте идут скиллы, которые направляют агента: figma-codegen по генерации кода из макета с учетом ассетов, адаптивности и стилей, и figma-build по сборке экранов и дизайн-системы на холсте. Сервер публикуется в npm и запускается через npx без глобальной установки, плагин ставится из релиза на GitHub. Работает с Claude Code, Cursor, Codex и любым MCP-клиентом.
Для кого. Для фронтенд-разработчиков и дизайнеров, которым нужен перенос между макетом Figma и кодом в обе стороны.
Подходит, если
- Нужно собрать код из макета Figma с учетом фреймворка
- Нужно вернуть готовый код обратно на холст Figma
- Нужен перенос дизайн-системы между кодом и макетом
Не подходит, если
- Не используете Figma
- Нельзя ставить плагин Figma из релиза
Пример запроса к агенту
Собери React-компоненты по этому экрану в Figma с учетом адаптивностиMCP
- Транспорт
- stdio
- Авторизация
- не нужна
Ограничения
Работает в паре с плагином Figma, который пока не в маркетплейсе Figma Community и ставится из релиза на GitHub вручную. Нужен десктопный клиент Figma. Качество кода зависит от аккуратности макета и выбранных настроек, готовый результат стоит проверять.
Как отключить. Удалите сервер figwright из конфигурации MCP и удалите плагин Figwright из Figma.
Частые вопросы
Нужен ли платный Dev Mode?
Нет, Figwright работает в паре со своим плагином и не требует места в Dev Mode.
Где взять плагин?
Плагин пока не в маркетплейсе, его ставят из последнего релиза на GitHub в десктопном клиенте Figma.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыОфициальный MCP-сервер Figma: код по выбранному фрейму, переменные и компоненты дизайн-системы, запись макетов прямо на холст
Figma MCP Server (Antonytm)
Figma MCP Server
Сообщественный MCP-сервер с плагином для Figma: агент создает фреймы, текст и компоненты в открытом файле, а не только читает
Figma To Code MCP — макет Figma в код
Figma To Code MCP
Figma в код через MCP: сервер отдает агенту макет в виде компактного YAML с именами свойств как в CSS, раскрытыми переменными и вынесенными в файл SVG
MCP-мост между агентом (Cursor, Claude Code, Codex) и Figma: чтение макетов и правки прямо на холсте
MCP-сервер, который передает агенту упрощенные данные макета Figma по ссылке, чтобы тот сверстал экран точнее, чем по скриншоту
MCP-сервер сервиса F2C: по ссылке на узел Figma агент получает верстку на HTML, React или Tailwind и локальные картинки
Коротко о README
README представляет Figwright как бесплатный двусторонний MCP-сервер для Figma: из дизайна он делает код с учетом фреймворка, а из кода возвращает элементы на холст. Сервер работает в паре с плагином Figma и не требует места в Dev Mode. Есть скиллы figma-codegen и figma-build, которые направляют агента. Сервер ставится через npx из npm, плагин из релиза на GitHub. Работает с Claude Code, Cursor, Codex и любым MCP-клиентом. Лицензия MIT.