东苑 发表于 2026-2-27 09:22

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

Figma 今日宣布推出 Codex 对接功能,团队可将可实际运行的真实界面同步至 Figma 中,共同探索设计方案、打磨产品细节并敲定决策,随后还能在完整保留设计上下文的前提下,将优化后的内容回传至 Codex 平台。



IT之家注意到,Figma MCP 服务器现已开启公测,该工具将 Figma 直接接入开发者工作流,助力大语言模型实现基于设计信息的代码生成。MCP 服务器支持双向数据流转,能轻松将可运行的用户界面同步至设计画布,也能将画布上的设计修改还原为代码。

操作步骤如下:

打开你计划用于应用开发的 Figma 文件,右键选中目标框架,依次点击「复制为」与「复制所选内容链接」;

该链接将直接关联 Figma 画布上的指定框架或节点,既可以是单个设计元素,也可以是一组组件合集,是智能体生成代码的核心源数据,支持从 Figma Design、Figma Make、FigJam 三类文件中选取;

获取链接后,打开 Codex,选择新建项目或已有项目,输入提示词即可向 Codex 下达开发指令,例如:帮我将这份 Figma 设计稿实现为代码,尽量复用我现有设计系统中的组件。

在代码端完成迭代后,用户可将设计还原至 Figma 画布,对比不同交互流程、探索多种设计方案并验证设计假设。Figma MCP 服务器无需从浏览器手动复刻界面,就能轻松将成品界面同步回 Figma。

Figma 官方称,当代码与设计画布实现互联互通,团队便能在开发落地与设计探索之间无缝切换。这种双向流转的工作流程,彻底释放了 Figma MCP 服务器与 Codex 结合的核心价值 —— 让团队无需牺牲开发效率,即可从任意起点出发,打造体验优质、有实际价值的应用产品。

ailixiaoran 发表于 2026-2-27 09:23

楼主,不论什么情况你一定要hold住!hold住就是胜利![感动]

yzszh64 发表于 2026-2-27 10:33

感谢分享。

wing6 发表于 2026-2-27 11:00

看看新闻,感谢分享

mmnnn 发表于 2026-2-28 02:02

感谢分享,楼主辛苦了!
页: [1]
查看完整版本: Figma 升级支持 Codex 对接,代码与设计画布实现互联互通