← 返回目录

Figma UI MCP

社区

双向Figma MCP桥接器——AI直接在Figma画布上绘制UI并读取设计方案

查看安装方法 ↓ 横向对比 GitHub 源仓库 ↗

分类: 团队协作第 12 / 55
Stars: ★ 264 热门
传输方式: stdio（本地进程）
运行环境: Node.js
凭据: 无需凭据
许可证: MIT
最近提交: 10 天前
工具数: 5

59FMRS · C

Figma UI MCP是一个功能丰富的双向桥接器，为AI驱动的设计提供了强大的工具集，但需要Figma桌面版和本地配置。

最强项 · 文档质量 13/20 最弱项 · 可靠性 10/20

可靠性

10/20

安全与权限

12/20

维护活跃度

12/20

文档质量

13/20

安装易用性

12/20

查看各项评分依据

可靠性 10/20: 证据仅来自README和清单，可信度有限。文档描述了一个复杂的双向桥接架构（stdio MCP服务器 + localhost HTTP轮询 + Figma插件），但未提供测试、CI配置或可验证的执行证据。工具列表和操作定义看似齐全，但缺少源码级别验证。由于无法执行，可靠性命中路径合理但不够扎实，扣分因缺乏测试证据和可能的边缘情况。
安全与权限 12/20: 证据显示服务器绑定localhost，未暴露网络，VM沙箱限制require/process/fs/fetch，并有操作白名单和超时。这些是积极的安全设计。但安装示例中包含真实的npx命令，没有令牌，未触发红线。不过权限和确认机制（如删除操作）未见明确说明，网络边界和外部依赖（icon库）的披露不完整，因此扣分。
维护活跃度 12/20: 仓库活跃，星数高，有MIT许可证，版本更新频繁。但无法确证问题响应、依赖更新频率或安全响应渠道。没有关于安全漏洞处理的具体证据。扣分因治理可见性有限。
文档质量 13/20: README详尽，包含安装、配置示例、使用案例、架构和更新步骤，覆盖多个客户端。但缺少故障排除章节，且依赖外部插件手动链接，未说明限制（如仅桌面版）。文档有深度，但一些假设和限制未充分披露。
安装易用性 12/20: 提供了多客户端的配置示例，但安装需要下载并手动导入Figma插件，且必须使用Figma桌面版，增加了复杂性和脆弱性。没有自动化测试来验证安装步骤，因此扣分。

静态评测 · 未实际运行收录于 2026-08-07

查看 FMRS 评分方法 →

选型与风险

能访问什么执行命令或代码访问网络

适合谁

希望在Figma中快速原型设计的AI开发者
需要将设计转换为React/Vue/Swift代码的团队
使用Claude Code或Cursor等AI IDE的设计师

不适合谁

仅使用Figma网页版的用户（不支持localhost）
需要云端API访问的分布式团队
对设计保密性有严格要求的场景（建议本地运行）

所需权限

通过本地HTTP与Figma插件通信
访问文件系统和执行node脚本
可能需要网络访问以加载图标库
在Figma中创建、修改和删除节点

风险与副作用

本地HTTP服务可能被恶意利用，尽管绑定localhost并限制了操作白名单
VM沙箱可能不够完美，建议在受信任的环境中运行
插件更新需要手动重新链接，可能遗漏更新

安装接入

准备工作

运行环境：Node.js

在AI客户端中添加MCP服务器，例如在Claude Desktop配置文件中添加：npx -y figma-ui-mcp。
下载并解压plugin.zip，在Figma桌面版中通过Plugins → Development → Import plugin from manifest...导入manifest.json。
重启AI客户端并重新链接插件。
运行插件，等待绿色圆点表示已连接。

验证是否装好

在 AI 客户端中说"Connect to figma-ui-mcp"，AI 会调用 figma_status；若返回已连接的文件名和插件版本即安装成功。同时需在 Figma Desktop 中运行 Figma UI MCP Bridge 插件（插件界面显示绿点表示已连接）。

常见排障

确保使用Figma桌面版而非网页版
检查插件是否运行，绿色圆点是否亮起
重启AI客户端和Figma插件
检查npm包是否最新版本

试试这样问

连接成功后，可以直接对 AI 助手这样说：

连接到 figma-ui-mcp
画一个深色主题的移动端登录页，带社交登录按钮
读取当前选中的 Frame 并把它转成 Tailwind CSS
给当前 Frame 截图并描述设计

工具能力 5

figma_status 只读

检查插件连接状态和活动会话

figma_write 写入

在Figma画布上绘制或修改UI

figma_read 只读

提取设计数据、截图和SVG

figma_docs 只读

获取完整的API参考和示例

figma_rules 只读

生成本设计系统规则表——令牌、排版、组件

使用场景

用自然语言提示词在Figma中生成UI界面

读取现有设计并转换为代码

在设计过程中迭代修改节点

生成设计系统令牌和组件规范

支持客户端

Claude Desktop

Claude Code

Cursor

VS Code

Windsurf

Antigravity

依据项目文档列出，未经本站实测。

详细介绍

Figma UI MCP是一个双向的MCP服务器，允许AI助手（如Claude Code、Cursor、Windsurf、VS Code Copilot等）直接在Figma画布上绘制UI，并将现有设计读取为结构化数据、截图或可生成代码的令牌。无需Figma API密钥，完全在本地主机上运行。需要Figma桌面版，通过localhost:38451的HTTP长轮询与插件通信。

Figma UI MCP

选型与风险

适合谁

不适合谁

所需权限

风险与副作用

安装接入

准备工作

验证是否装好

常见排障

试试这样问

工具能力 5

使用场景

支持客户端

详细介绍

同类可选方案