Figma 宣布扩展 MCP(Model Context Protocol)Server,使 AI 代理与开发者可在浏览器与本地 IDE 获取“设计上下文”,不再局限桌面应用。此次更新强调远程访问,并与 Figma Make 打通:AI/代理可直接读取由 Make 生成的原型代码与设计数据,从而更准确地生成或修改应用。官方同步展示了“设计快照到可编辑图层”的工作流,便于在对话中拉取组件、变量与布局信息并据此产出代码。
与此同时,Figma 发布了全新的 Code Connect UI(Beta),支持在组织/企业席位中把代码库与 Figma 组件一键映射,降低设计到实现的差距。MCP Server 的指南与 Dev Mode 集成已上线,VS Code、Cursor、Windsurf 等 MCP 客户端可直接调用工具,远程提取文件结构与样式变量并执行生成任务。
常见问题
Q:此次 MCP Server 有哪些关键增强?
A:新增远程访问场景、与 Figma Make 的代码/设计上下文连接,并支持在 IDE 中直接调用设计数据。
Q:Code Connect UI 有什么用?
A:在 Org/Enterprise 席位下,把 GitHub 代码与 Figma 组件建立映射,生成方可依据真实组件约束产出代码。
Q:哪些工具/编辑器已支持?
A:官方示例与报道提到 VS Code、Cursor、Windsurf 等 MCP 兼容客户端。
Q:MCP Server 适合谁?
A:需要让 AI 代理“看懂设计并按组件体系生成代码”的团队,尤其在 Make 原型到代码落地的场景。
Q:有官方文档吗?
A:Figma 提供 Dev Mode MCP Server 指南与资源库条目,包含接入步骤与权限说明。