适合谁
- 需要 AI 代理对 Figma 文档进行写入（而不仅是读取）的开发者或设计师
- 愿意在本地运行 Node.js 服务并手动以开发者模式加载插件的用户
F
44FMRS · D
这是一个早期（v0.1.0）的社区 Figma MCP 服务器，通过本地 WebSocket 桥接插件实现官方只读服务器所不具备的读写能力，但工具列表尚未公开，需要手动完成插件与服务器的本地搭建。
figma-mcp-server 是一个非官方的社区项目（当前版本 0.1.0，Apache-2.0 许可），旨在解决官方 Figma MCP 服务器只能只读的问题。它由两部分组成：一个运行在本地的 MCP 服务器（Express.js + Socket.IO）和一个需要手动以开发者模式导入 Figma 的插件。MCP 服务器将工具调用放入队列并通过 WebSocket 发送给 Figma 插件；插件在打开的 Figma 文档中执行相应操作，并把结果回传给 MCP 服务器。服务器支持 stdio 和 streamable-http（默认监听 http://localhost:38450/mcp）两种传输方式。README 中具体的工具列表标记为“待定（TBD）”，尚未正式公布。作者说明该服务器仅在本机运行，不会将信息暴露到网络；若要在网络环境中使用需自行承担风险。项目正在申请成为官方 Figma 插件，但截至目前尚未通过 Figma 审核。
工具能力
暂未整理工具清单。
安装接入
- 安装 Node.js 并克隆仓库 Antonytm/figma-mcp-server。
- 构建并加载 Figma 插件：进入 plugin 目录，执行 npm i 与 npm run build，然后在 Figma 中通过 Plugins > Development > Import plugin from manifest 选择 /plugin/manifest.json，并启动该插件，直到看到 “Connected to MCP server” 提示。
- 启动 MCP 服务器：进入 mcp 目录，执行 npm i 与 npm run start，控制台应显示 “Server listening on http://localhost:38450”。
- 在你的 AI 客户端中配置 Streamable HTTP 传输，地址为 http://localhost:38450/mcp（也可通过 TRANSPORT 环境变量切换为 stdio），并按需关闭不需要的工具。
claude_desktop_config.json
{"mcpServers": {"figma": {"url": "http://localhost:38450/mcp"}}}
选型与风险
不适合谁
- 只需要只读访问、希望使用官方受支持方案的用户
- 无法在本地运行服务或安装开发者模式插件的用户
- 需要在多用户网络环境或生产环境中暴露该服务的场景
所需权限
- 插件可访问并修改当前在 Figma 中打开的设计文档的完整内容
- 本地网络端口（默认 38450）用于 MCP 服务器与 Figma 插件之间的 WebSocket 通信
风险与副作用
- 项目仍处于早期阶段（版本 0.1.0），为社区维护而非官方支持
- 具体工具集尚未在文档中列出（标记为 TBD），行为透明度有限
- 作者明确提示：若在网络环境中暴露该服务，需自行承担安全风险
- 插件尚未通过 Figma 官方审核，只能以开发者模式手动导入，流程可能随后续更新变化
常见排障
- 确认 Figma 插件窗口显示 “Connected to MCP server”，而非 “Not connected to MCP server”
- 确认 MCP 服务器控制台输出 “Server listening on http://localhost:38450” 及用户连接日志
- 检查导入插件时选择的是 /plugin/manifest.json 且已执行最新的 npm run build
- 确认客户端配置的传输方式（stdio 或 streamable-http）与 TRANSPORT 环境变量及服务器实际监听方式一致
- 确认本地 38450 端口未被其他进程占用
使用场景
让 AI 代理根据自然语言描述在已打开的 Figma 文件中直接创建或修改设计元素
在聊天界面中迭代设计，无需在 Figma Make 与 Figma 主应用之间来回搬运结果
为设计到实现的工作流添加自动化，减少手动重复操作
支持客户端
Claude Desktop部分支持