想把 figma 设计稿直接转成 vue 的代码，有知道好用的转换方法吗？

[yuan321]

现在有方式可以吗？网上说有官方 mcp 可以转，但是说效果不好。有好用的工具可以转吗？

[EgoTao]

几个月前用 figma-context-mcp + cursor 做过。 只能还原 80% 左右的 UI ，还没有交互。 现在用 ClaudeCode 应该效果会好一点。 最近没测试过。 总的来讲，这个需要 UI 把 Figma 先整规范了。 不然做出来的和你想象的差远了，调整的时间可能比你直接手搓还慢。 当然，如果是管理端这种标准 UI （比如 element 或者 antd ），UI 层面的还原度会高不少。

[youyouzi]

本地下载客户端，开启 mcp ，cursor 或者 vscode 配置 mcp 服务器，用 augment 或者 cursor 等的 augent 模式，右键 figma 的图层，复制链接贴上去，让他给你实现这个设计稿，用什么语言自己定。然后就 ok 啦还原效果有个 9 成以上吧。