如何将 figma make 的原型尽量 100%的还原到 cursor 中

[Xbathy]

前言：使用 stitch google 生成的页面的效果比 figma 好，但是 figma 可以直接生成原型，所以我在 stitch 生成的页面，然后复制到 figma 生成原型
问题：在 figma 生成原型后，使用官方 mcp 或者其他 mcp 都不能在 cursor 中“还原”，大家是否有一些原型到代码的技巧，请教一下！

[onedge]

很难 100%，因为 figma 图纸对于 web 来说是有硬伤的，它的图层并不是和 web/css 绝对兼容的，打个比方近期新出的 glass effect 就是一个例子，css 里有模拟方法，但没有 1:1 还原的办法，诸如此类，绝对定位的问题也是，虽然 AI 可以靠视觉去复刻，但就前端 100%还原来说，很难

[onedge]

静态 UI 还小事，好调整一些，一些动态，motion ，动画，弹出层，特定操作才会显示的那些东西，更难

[nc]

你让设计师在 Figma 里设计出一套组件库，然后用 figma MCP 让 AI 把组件库做出来，人工调整细节。之后让 AI 还原页面设计，直接用组件库就行了，人工和设计稿做校对微调，给设计师看一遍确保没问题。

[wjj5728]

有个东西叫做 figma code connect ，好像不是免费的，相当于把本地的组件跟 figma 做映射，这样再调用 mcp 的时候就不是根据数值猜测，而是根据映射来完成。