DevModeMCP 服务正式上线
Figma 的 DevModeMCP 服务器现已进入 Beta 测试阶段,支持与多种 AI 编码工具无缝集成,包括 VSCodewithCopilot、Cursor、Windsurf 以及 ClaudeCode 等。用户只需在 Figma 桌面应用的 「偏好设置」 中启用 DevModeMCP 服务器,并在支持 MCP 的开发环境中输入相应的 URL,即可实现设计数据的实时传递。这一服务允许 AI 工具直接访问 Figma 的设计上下文,如组件、变量、样式、间距和颜色等,消除传统设计到代码转换中的手动步骤和误差。
据 Figma 官方博客介绍,MCP 服务器目前仅对持有 Dev 或 FullSeat 许可的用户开放,未来计划推出远程服务器功能和更深入的代码库集成,进一步扩展其应用场景。
MCP: 设计与开发的 「通用接口」
ModelContextProtocol(MCP) 被誉为 AI 应用的 「USB-C 接口」,由 Anthropic 开发并开源,旨在标准化 AI 模型与外部工具、数据源的交互方式。Figma 的官方 MCP 服务器利用这一协议,将设计文件中的结构化数据 (如布局、设计令牌、组件名称) 直接提供给 AI 编码助手,使其能够生成更精准的代码。相比依赖视觉猜测的传统方法,MCP 显著提高了代码输出的保真度和一致性。
社交媒体上,开发者对 Figma 的官方 MCP 服务表示高度期待,认为其相较于此前社区提供的非官方 MCP 解决方案更加稳定且功能更丰富。许多用户指出,Figma 的原生支持将推动设计系统与开发环境的深度融合,尤其在需要快速迭代的初创企业和大型团队中。
与 FigmaMake 的协同效应
Figma 的 MCP 服务与近期上线的 FigmaMake 平台形成互补。FigmaMake 允许用户通过自然语言提示生成交互式 UI 和原型,而 MCP 则专注于将设计数据传递给开发工具。两者结合,为产品团队提供了一套从快速原型设计到生产级代码的完整工作流。例如,开发者可通过 FigmaMake 创建初始 UI,再利用 MCP 服务器将设计细节转化为 React、SwiftUI 或 JetpackCompose 等代码格式。
有评论指出,Figma 此举是对 Adobe、Canva 以及 WordPress、Wix 等 AI 驱动设计与开发平台的直接挑战。MCP 的推出进一步巩固了 Figma 在设计-开发协作领域的领先地位。
Figma 官方 MCP 服务的推出标志着 AI 在设计与开发协作中的角色进一步深化。社交媒体反馈显示,开发者对 MCP 的易用性和稳定性评价较高,尤其是在与 Cursor 和 VSCode 的集成中,显著减少了设计到代码的手动工作量。然而,Beta 版目前仍存在局限,例如仅限本地服务器运行,且对非 FullSeat 用户暂不开放。
随着 Figma 计划在未来数月推出远程服务器功能和更深入的代码库集成,MCP 有望成为设计与开发协作的标准工具。AIbase 认为,这一服务不仅降低了开发者的技术门槛,还为跨职能团队协作提供了新可能,将进一步推动 AI 驱动的数字化产品开发。
官方介绍:https://www.figma.com/blog/introducing-figmas-dev-mode-mcp-server/