2026-02-28 09:33:18

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

摘要
Figma 宣布推出 Codex 对接功能,团队可以将实际运行的真实界面同步到 Figma 中,共同探索设计方案、打磨产品细节并做出决策。优化后...

Figma 宣布推出 Codex 对接功能,团队可以将实际运行的真实界面同步到 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 结合的价值,让团队无需牺牲开发效率,即可打造体验优质且有实际价值的应用产品。

科技趋势
时事资讯
回顶部