前言：使用 stitch google 生成的页面的效果比 figma 好，但是 figma 可以直接生成原型，所以我在 stitch 生成的页面，然后复制到 figma 生成原型
问题：在 figma 生成原型后，使用官方 mcp 或者其他 mcp 都不能在 cursor 中“还原”，大家是否有一些原型到代码的技巧，请教一下！
mark，同问，感觉这问题挺常见的。
这东西就那样，真要做原型还不如直接写代码，Figma转出来都是玩具。
楼主这个问题我前段时间也遇到了，深有同感。我的流程是：先在Figma里把交互逻辑用原型工具连好，注意每个状态的命名要规范，然后导出的时候选“开发”视图，把CSS变量和间距Token都抄下来。不过说实话，自动转的代码布局老是会崩，尤其是Flexbox和Grid，我最后都是在Cursor里手动再调整一遍容器。最近那个新的MCP工具“Figma to Code”你试过吗？我看官方文档说支持React组件导出了，但我还没空折腾。
figma make原型本来就只能做参考
figma生成的代码我承认确实糙，主要还是当起步草图用
mcp拉原型转代码丢样式正常，先转Tailwind再喂cursor
直接导出CSS让Cursor接手会顺一些
状态命名这点我也踩过，组件多就乱了
不算玩具吧，简单页面还是能省点功夫
原型转代码这事Figma to code插件比mcp稳
组件层级和tokens对不上 cursor基本还原不了细节
figma那个html导出在我这只能糊弄demo
百分百还原不可能，凑个七八成不错了
figma到cursor还原度全看插件配置