
一个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 | ✅ | ✅ |
安装
This server does not publish a one-line install command.
Open the repository installation guide 新手?先看 mcpskill.org 教程 →