今日,Figma宣布推出Codex对接功能,允许团队将实际运行的界面同步至Figma中,共同探索设计方案、打磨产品细节并敲定决策。随后,优化后的内容可以完整保留设计上下文的情况下,回传至Codex平台。FigmaMCP服务器现已开启公测,该工具将Figma直接接入开发者工作流,助力大语言模型实现基于设计信息的代码生成。MCP服务器支持双向数据流转,能轻松将可运行的用户界面同步至设计画布,也能将画布上的设计修改还原为代码。
操作步骤包括:打开计划用于应用开发的Figma文件,右键选中目标框架,依次点击「复制为」与「复制所选内容链接」。该链接将直接关联Figma画布上的指定框架或节点,支持从FigmaDesign、FigmaMake、FigJam三类文件中选取。获取链接后,打开Codex,选择新建项目或已有项目,输入提示词即可向Codex下达开发指令。在代码端完成迭代后,用户可将设计还原至Figma画布,对比不同交互流程、探索多种设计方案并验证设计假设。FigmaMCP服务器无需从浏览器手动复刻界面,就能轻松将成品界面同步回Figma。
