HR

hoangpm96/reqwise-figma-mcp

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

104 stars 40 forks Качество 72 Тренд 24MIT

MCP-сервер, который позволяет агентам искусственного интеллекта безопасно читать и рисовать на холсте Figma. В сочетании с плагином Figma он обеспечивает структурированную верификацию, безопасное рисование по умолчанию и устойчивое многоокно...

Обзор

По требованиям Figma MCP сочетает локальный MCP-сервер с сопутствующим плагином Figma. Укажите на него код, курсор или любой агент с поддержкой MCP, и агент может проверить файл Figma и нарисовать в него, выполняя JavaScript на прокси-API figma.* — при этом слой плагина ловит ошибки, которые обычно превращают «AI рисует экран» в «AI рисует переполненный, наполовину обрезанный беспорядок». Она существует потому, что современное поколение MCP Figma делает агентов ответственными за дисциплину, которой у них нет: забывать никогда не накладывать полупрозрачный фрейм, передекларировать токен-карты при каждом вызове, вручную вычислять x/y смещения, просматривать скриншоты для проверки клиппинга. Reqwise переносит эту дисциплину в сервер и плагин, предоставляя агенту структурированный способ проверки собственной работы. См. ARCHITECTURE.md для полного обоснования дизайна и коренных исправлений этих стандартных решений. Это строит сервер в dist/, а пакет плагинов — в plugin/code.js. (См. документацию/УСТАНОВКУ.

Обзор (машинный перевод)

Сервер MCP, который позволяет агентам искусственного интеллекта читать и рисовать на холсте Figma — безопасно. Открытый исходный код (MIT).

Нужны BPMN, шаблоны интерфейса, карта компонентов Figma в формате 1-к-1 ↔, системы дизайна, карты путешествий, персоны, аудиты доступности и адаптивности, или демо для самостоятельного прохождения? Они представлены в Requwise Figma MCP Pro →. Сравните два издания ниже.

По требованиям Figma MCP объединяет локальный MCP-сервер с сопутствующим плагином Figma. Укажите код Клода, курсор, кодекс или любой агент с поддержкой MCP, и агент может проверить файл Figma и нарисовать в него, выполнив JavaScript с помощью прокси-API figma.* — при этом слой плагина ловит ошибки, которые обычно превращают «AI рисует экран» в «AI рисует переполненный, наполовину обрезанный беспорядок». Также он рисует диаграммы BA, необходимые спецификации — пользовательский поток, активность, последовательность, ERD, карту сайта, автомат состояний — и вычитывает модель каждой из них.

Она существует потому, что современное поколение MCP Figma делает агентов ответственными за дисциплину, которой у них нет: забывать никогда не накладывать полупрозрачный фрейм, передекларировать карты токенов при каждом вызове, вручную вычислять x/y смещения, просматривать скриншоты для проверки клиппинга.

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

README

Показан фрагмент оригинального README. Открыть оригинал.

Reqwise Figma MCP

An MCP server that lets AI agents read and draw on the Figma canvas — safely. Open source (MIT).

Need BPMN, UI templates, a 1-to-1 code ↔ Figma component map, design systems, journey maps, personas, accessibility and responsive audits, or self-playing demos? They are in Reqwise Figma MCP Pro →. Compare the two editions below.

Reqwise Figma MCP pairs a local MCP server with a companion Figma plugin. Point Claude Code, Cursor, Codex or any MCP-capable agent at it, and the agent can inspect a Figma file and draw into it by executing JavaScript against a figma.* proxy API — with the plugin layer catching the mistakes that usually turn “AI draws a screen” into “AI draws an overflowing, half-clipped mess.” It also draws the BA diagrams a spec needs — userflow, activity, sequence, ERD, sitemap, state machine — and proof-reads the model behind each one.

It exists because the current generation of Figma MCPs make agents responsible for discipline they don’t have: remembering never to overlay a semi-transparent frame, re-declaring token maps every call, manually computing x/y offsets, eyeballing screenshots to check for clipping. Reqwise moves that discipline into the server and plugin, and gives the agent a structured way to verify its own work.

Free vs Pro

Feature Free Pro
Connection
Figma bridge with rich diagnostics and next-step hints ✅ ✅
Several Figma windows and several AI agents at once (leader/follower) ✅ ✅
One launcher for Claude Code, Cursor and Codex ✅ ✅
Hardened local bridge (sandboxed JS, authenticated forwarding) ✅ ✅
Rule sheet and on-demand docs for the agent ✅ ✅
Read and draw on the canvas
Read pages, layers, selection; screenshots and exports ✅ ✅
Draw and edit frames, text, shapes; streaming batches ✅ ✅
Layout audit — overflow, clipping, truncated text ✅ ✅
New work never lands on top of existing work ✅ ✅
Tokens and variables — create, bind, edit, import/export ✅ ✅
Text styles and effect styles ✅ ✅
Icons, images, overlays, gradients, recolor ✅ ✅
Prototype reactions ✅ ✅
Delete pages and styles, sweep unused styles ✅ ✅
Открыть полный README на GitHub

Установка

This server does not publish a one-line install command.

Open the repository installation guide Новичок в MCP? Начните с руководства на mcpskill.org →