Figma 升级支持 Codex 对接，代码与设计画布实现互联互通

2 月 27 日消息，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 结合的核心价值 —— 让团队无需牺牲开发效率，即可从任意起点出发，打造体验优质、有实际价值的应用产品。