Figma 宣布推出 Codex 对接功能,团队可以将实际运行的真实界面同步到 Figma 中,共同探索设计方案、打磨产品细节并做出决策。优化后的内容可以回传至 Codex 平台,同时保留设计上下文。

Figma MCP 服务器现已开启公测,该工具将 Figma 直接接入开发者工作流,助力大语言模型基于设计信息生成代码。MCP 服务器支持双向数据流转,能轻松将可运行的用户界面同步至设计画布,也能将画布上的设计修改还原为代码。
使用这一功能时,首先打开用于应用开发的 Figma 文件,右键选中目标框架,依次点击「复制为」与「复制所选内容链接」。该链接关联 Figma 画布上的指定框架或节点,既可以是单个设计元素,也可以是一组组件合集,作为智能体生成代码的核心源数据,支持从 Figma Design、Figma Make 和 FigJam 三类文件中选取。
获取链接后,打开 Codex,选择新建项目或已有项目,输入提示词向 Codex 下达开发指令,例如:将这份 Figma 设计稿实现为代码,尽量复用现有设计系统中的组件。
在代码端完成迭代后,用户可以将设计还原至 Figma 画布,对比不同交互流程、探索多种设计方案并验证设计假设。Figma MCP 服务器无需从浏览器手动复刻界面,就能轻松将成品界面同步回 Figma。
Figma 表示,当代码与设计画布实现互联互通,团队便能在开发落地与设计探索之间无缝切换。这种双向流转的工作流程充分发挥了 Figma MCP 服务器与 Codex 结合的价值,让团队无需牺牲开发效率,即可打造体验优质且有实际价值的应用产品。