HR

hoangpm96/reqwise-figma-mcp

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

104 stars 40 forks 质量 72 趋势 24MIT

一个MCP服务器,允许AI代理安全地在Figma画布上阅读和绘画。配合Figma插件,它提供结构化验证、默认安全绘制和多窗口的弹性......

概览

Reqwise Figma MCP 将本地 MCP 服务器与配套的 Figma 插件配对。指向 Claude Code、光标或任何支持 MCP 的代理,代理可以通过对 figma.* 代理 API 执行 JavaScript 检查 Figma 文件并绘制进去——插件层会捕捉那些通常会让“AI 绘制屏幕”变成“AI 绘制溢出、半截断的混乱”的错误。 它存在是因为当前一代Figma MCP让代理承担他们不具备的纪律责任:记住绝不覆盖半透明帧,重新声明每次呼叫的令牌映射,手动计算x/y偏移量,目测截图检查裁剪。Reqwise将这种纪律转移到服务器和插件中,并为代理提供了结构化的方式来验证自己的工作。 详见 ARCHITECTURE.md,了解这些默认背后的完整设计理由及根本原因修复。 这样服务器就被构建为 dist/,插件捆绑包也变成了 plugin/code.js。 (参见文档/安装。

概述(AI 翻译)

一个MCP服务器,允许AI代理安全地在Figma画布上阅读和绘画。 开源(MIT)。

需要BPMN、UI模板、Figma组件地图一对一代码↔、设计系统、旅程地图、角色、无障碍和响应式审计,或自玩演示? 它们在**Reqwise Figma MCP Pro →**中。请比较下面的两个版本。

Reqwise Figma MCP 将本地 MCP 服务器与配套的 Figma 插件配对。指向 Claude Code、Cursor、Codex 或任何支持 MCP 的代理,代理可以通过对 figma.* 代理 API 执行 JavaScript 检查 Figma 文件并绘制进去——插件层会发现那些通常会让“AI 画屏幕”变成“AI 画出溢出、半截取的混乱”的错误。它还绘制规范所需的 BA 图——用户流、活动、序列、ERD、网站地图、状态机——并校对每个图背后的模型。

它存在是因为当前一代Figma MCP让代理负责他们不具备的纪律:记住绝不覆盖半透明帧,重新声明每次通话的令牌映射,手动计算x/y偏移量,目测截图检查裁模。

本页由 AI 翻译,技术细节请以原文为准。

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 ✅ ✅
在 GitHub 查看完整 README

安装

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

Open the repository installation guide 新手?先看 mcpskill.org 教程 →