适合谁
- 希望在Figma中快速原型设计的AI开发者
- 需要将设计转换为React/Vue/Swift代码的团队
- 使用Claude Code或Cursor等AI IDE的设计师
F
59FMRS · C
Figma UI MCP是一个功能丰富的双向桥接器，为AI驱动的设计提供了强大的工具集，但需要Figma桌面版和本地配置。
Figma UI MCP是一个双向的MCP服务器，允许AI助手（如Claude Code、Cursor、Windsurf、VS Code Copilot等）直接在Figma画布上绘制UI，并将现有设计读取为结构化数据、截图或可生成代码的令牌。无需Figma API密钥，完全在本地主机上运行。需要Figma桌面版，通过localhost:38451的HTTP长轮询与插件通信。
工具能力
figma_status
检查插件连接状态和活动会话
figma_write
在Figma画布上绘制或修改UI
figma_read
提取设计数据、截图和SVG
figma_docs
获取完整的API参考和示例
figma_rules
生成本设计系统规则表——令牌、排版、组件
安装接入
- 在AI客户端中添加MCP服务器，例如在Claude Desktop配置文件中添加：npx -y figma-ui-mcp。2. 下载并解压plugin.zip，在Figma桌面版中通过Plugins → Development → Import plugin from manifest...导入manifest.json。3. 重启AI客户端并重新链接插件。4. 运行插件，等待绿色圆点表示已连接。
选型与风险
不适合谁
- 仅使用Figma网页版的用户（不支持localhost）
- 需要云端API访问的分布式团队
- 对设计保密性有严格要求的场景（建议本地运行）
所需权限
- 通过本地HTTP与Figma插件通信
- 访问文件系统和执行node脚本
- 可能需要网络访问以加载图标库
- 在Figma中创建、修改和删除节点
风险与副作用
- 本地HTTP服务可能被恶意利用，尽管绑定localhost并限制了操作白名单
- VM沙箱可能不够完美，建议在受信任的环境中运行
- 插件更新需要手动重新链接，可能遗漏更新
常见排障
- 确保使用Figma桌面版而非网页版
- 检查插件是否运行，绿色圆点是否亮起
- 重启AI客户端和Figma插件
- 检查npm包是否最新版本
使用场景
用自然语言提示词在Figma中生成UI界面
读取现有设计并转换为代码
在设计过程中迭代修改节点
生成设计系统令牌和组件规范
支持客户端
Claude Desktop完整支持
Claude Code完整支持
Cursor完整支持
VS Code完整支持
Windsurf完整支持
Antigravity完整支持