Linux.do社区一篇开发者分享介绍了F2C(Figma to Code)MCP Server项目。该工具基于F2C实现,能够获取Figma设计稿的节点信息,并将其转换为高还原度的HTML、React等多种代码,支持Cursor、Trae、Dify等客户端接入。与目前流行的Trae内置Figma MCP相比,该方案的核心差异在于处理流程:它并非直接将Figma设计稿的原始节点信息交给客户端让模型自行理解,而是先将设计稿信息喂给F2C完成代码实现,再把已具备高还原度的代码返回给客户端,在稳定性和还原度上表现更优。使用流程上,开发者需先在Figma应用的安全设置中生成Personal access token,随后按照文档在Cursor等工具中配置MCP Server。实测展示中,Agent能自动调用工具完成转换,代码相关的图片资源也会同步下载到本地。与热门Figma MCP实现在相同Prompt下的效果对比显示,基于F2C的方案还原度明显更高。作者同时坦承了当前存在的问题:由于返回代码已高度还原,模型有时会自行二次优化导致效果适得其反,目前已在tool层面进行限制;此外输出代码有时需要人工润色,命名还不够拟人化。后续实战视频将更新至GitHub,作者欢迎用户试用并通过issues反馈问题。
事件分析
设计稿转代码(Design to Code)长期存在还原度瓶颈:传统方案将Figma节点数据直接交给大模型翻译,信息损耗大且输出不稳定。F2C MCP Server的思路是将转换逻辑前置到专用引擎中完成,模型仅负责调用与微调,本质是用确定性工具链替代概率性生成,这与当前MCP生态中专业能力外挂化的演进方向一致。产业层面,Design-to-Code赛道竞争加剧,Trae、Cursor等AI编程工具均在争夺从设计到开发的交付入口,该环节有望成为AI编程工作流的标准配置。后续走向上,项目能否解决模型加戏、命名拟人化等问题,以及是否深度集成设计系统规范,将决定其在实际工程中的落地价值,开源社区的迭代速度是关键变量。
核心观点:设计转代码的关键不在模型,而在用确定性工具链前置消化设计信息,MCP正成为AI编程专业分工的接口标准。
原文链接:Linux.do