结论Figma 很好用,开通 devcode 席位,除了贴主的方法,还可以:
1. 之前 yy 团队做了Figma Code API mcp,准确率还不错。
2. 此外我之前团队有自己个性的 design token,需要引入额外的转换规则等,前期可以在 CodingAgent 规范里面引入,现在想想可以做成业务 skill会更方便
兄弟们,终于找到标准姿势了。MCP 闪亮登场后,Claude 终于可以接近 99.99%的实现 Figma 设计稿的逼真度了。
分解一下我是怎么做到的。
1. Claude 侧安装/注册 Figma 提供的 MCP Service。
2. 不用再导出设计图了,直接让 Claude 通过 MCP 连接到 Figma 提供的 MCP 服务上去获取设计图更加精细的像素级原始元数据。
3. 再让 Claude 开干一遍,完美实现,基本无失真。
总结一下:宝子们,通过这个实际案例。现在应该对 MCP 和 MCP Server 和 MCP Service 几个概念理解都很清晰了吧。