Figwright

通过免费的、双向的 MCP 服务器和插件，将 AI 编码代理连接到 Figma。让代理将设计作为代码读取，并将设计直接写入画布 — 无需付费的 Dev Mode 席位。

它是什么

一个 Model Context Protocol (MCP) 服务器 (@figwright/mcp) 与配套的 Figma 插件配对。它们一起为 AI 代理（Claude Code、Cursor、Codex、任何 MCP 客户端）提供对 Figma 文件的双向访问：

• 读取 Figma 选择 → 生成识别框架的代码（React、你的样式系统、重用现有组件/令牌/图标）。
• 写入 画布 → 创建/编辑框架、文本、自动布局、样式、变量、组件、页面，甚至运动动画。

121 个 MCP 工具覆盖两个方向，此外还有接地工具（get_design_context、component_map、token_map），为代理提供忠实的设计上下文。

为何突出

• 免费层 – 官方 Dev Mode MCP 需要付费席位；Figwright 在 Figma 的免费计划上运行。
• 双向 – 不只读；代理可以构建和编辑设计。
• 提供商优先的代码生成 – 检测你的实际技术栈，并重用你现有的组件和样式，而不是生成通用标记。
• 多代理 – 通过领导者/跟随者选举，多个代理可以同时处理不同的 Figma 文件。
• 隐私 – 一切都在本地运行：服务器、中继、插件；设计永远不会离开你的机器。

工作原理

1. 你的 MCP 客户端通过 stdio 启动服务器。
2. 服务器通过本地 WebSocket (127.0.0.1:3055) 中继到 Figma 插件。
3. 插件在编辑器内执行 Figma Plugin API 调用。

安全门（Host/Origin 头）可防止网页访问本地中继。

适用人群

使用 AI 编码代理来实现设计或生成 UI 代码的开发者和设计者，尤其是那些想要无 Dev Mode 订阅的免费双向 Figma 集成的人。