Reqwise Figma MCP
MCP-сервер и плагин Figma дают агенту читать и рисовать на холсте безопасно: с проверкой раскладки и без поломанных макетов.
- 107 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Агент выполняет JavaScript против API Figma и меняет настоящий файл, а сервер слушает локальное соединение с плагином.
Установка
- Работает в
Ручная установка
git clone https://github.com/hoangpm96/reqwise-figma-mcp.gitПервая команда раздела Quickstart. Затем `npm install`, `npm run build` и `npm run install:mcp`, после этого импорт плагина в Figma Desktop.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Агент выполняет JavaScript против API Figma и меняет настоящий файл, а сервер слушает локальное соединение с плагином.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Reqwise Figma MCP — локальный MCP-сервер с парным плагином для Figma Desktop. Агент читает страницы, слои, выделение и скриншоты и рисует, выполняя JavaScript против прокси `figma.*`. Слой плагина ловит типовые ошибки: перекрытие экрана полупрозрачным фреймом, ручной расчет координат, обрезанный и вылезающий за границы текст. Инструмент `layout_audit` отдает заявленные и реальные границы узлов, а не скриншот на глаз. Инструменты `figma_status`, `figma_read`, `figma_write`, `figma_rules` и `figma_diagram` покрывают диагностику, чтение, запись, правила дизайн-системы и шесть видов диаграмм: активности, последовательности, состояний, ER, пользовательских путей и карты сайта. К диаграммам есть шесть скиллов для Claude Code. Несколько окон IDE и агентов работают одновременно через выбор лидера.
Для кого. Дизайнерам и аналитикам, которые поручают агенту Claude Code, Cursor или Codex рисовать экраны и схемы в Figma.
Подходит, если
- Экран собирают из токенов дизайн-системы, и агент должен переиспользовать стили, а не жестко задавать цвета.
- После отрисовки нужно проверить, не вылез ли текст за границы и не обрезан ли он.
- По спецификации требуется диаграмма последовательности или модель данных с замечаниями по содержанию.
- Одновременно работают Cursor и Claude Code, и им нужен один Figma.
Не подходит, если
- Нужны BPMN, диаграммы вариантов использования и карты клиентских путей: они есть только в платной версии Pro.
- Работа идет в веб-версии Figma: плагин рассчитан на Figma Desktop.
- Агенту нельзя менять файл: инструменты записи правят холст.
Пример запроса к агенту
Проверь соединение с Figma через `figma_status`, затем нарисуй диаграмму последовательности по этой спецификации и проверь ее `layout_audit`.MCP
- Транспорт
- stdio
- Авторизация
- не нужна
Ограничения
Нужны Node.js 18 или новее, Figma Desktop и клиент MCP. Сервер собирают из исходников, а плагин импортируют из `plugin/manifest.json` и держат его окно открытым в каждой сессии, Figma сам плагины не запускает. Компоненты, шаблоны интерфейса, BPMN, проверки доступности и записи демо входят только в платную версию Pro. Выполнение JavaScript идет в изолированной среде Node `vm`, но инструменты записи меняют настоящий файл Figma.
Как отключить. Удалите запись MCP командой `claude mcp remove reqwise-figma` или в конфигурации клиента и уберите плагин из меню Plugins в Figma. Клон репозитория удаляется отдельно.
Частые вопросы
Как подключить сервер к Claude Code?
Выполните `claude mcp add reqwise-figma -s user -- /absolute/path/to/reqwise-figma-mcp/scripts/reqwise-mcp.sh`. Ключ `-s user` делает его доступным во всех проектах.
Как поставить плагин в Figma?
В Figma Desktop откройте Plugins, затем Development и Import plugin from manifest, выберите `plugin/manifest.json`. Запускайте его в каждой сессии и держите окно открытым.
Как проверить, что все подключено?
Попросите агента вызвать `figma_status`: он вернет состояние плагина, режим лидера, очередь и список подсказок по следующим шагам.
Какие диаграммы умеет рисовать?
Шесть видов: активности, последовательности, состояний, ER, пользовательских путей и карты сайта, с замечаниями по содержанию модели.
Что сохраняет `generate_design_md`?
Снимок дизайн-системы в Markdown с цветами, типографикой, компонентами и правилами повторного использования. Сохраните его как `design-kit.md` в кодовой базе.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыMCP-мост между агентом (Cursor, Claude Code, Codex) и Figma: чтение макетов и правки прямо на холсте
MCP-сервер, который дает агенту читать и менять макеты Figma: цвета, типографику, компоненты, экспорт
figma-ui-mcp, MCP-мост к Figma, рисует интерфейсы на холсте кодом и читает готовые макеты без ключа Figma API.
Figma MCP Server (Antonytm)
Figma MCP Server
Сообщественный MCP-сервер с плагином для Figma: агент создает фреймы, текст и компоненты в открытом файле, а не только читает
Бесплатный двусторонний MCP-сервер для Figma: превращает дизайн в код с учетом фреймворка и возвращает код обратно на холст
Figma Console MCP
figma-console-mcp
MCP-сервер Figma для дизайн-систем в обе стороны: читает и записывает переменные, компоненты и стили, синхронизирует токены с кодом
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Reqwise Figma MCP (эта карточка) | нет | не нужна | 107 | |
| Figma MCP Server | да | OAuth | 2 179 | чтение и запись холста без проверки раскладки; здесь layout_audit, безопасные умолчания и шесть видов диаграмм |
| Claude Talk to Figma MCP | нет | не нужна | 678 | связывает агента и Figma через мост; Reqwise добавляет проверку раскладки, общую сессию и диаграммы с замечаниями |
Коротко о README
В репозитории сервер на TypeScript, плагин для Figma, шесть скиллов диаграмм в `.claude/skills/`, документация по установке, нескольким агентам, инструментам и рецептам. Платная версия Pro описана отдельно и сравнивается с бесплатной в таблице.