figma-to-code-agentic

将 Figma 设计转换为生产就绪的组件代码，通过代理循环验证实现效果与设计的一致性。在以下情况使用此技能： - 提供了 Figma 链接或文件，且用户希望从中生成代码； - 用户说“将此 Figma 设计生成为 React/Vue/HTML”、“将 Figma 转换为代码”、“根据此设计构建组件”、“让它看起来与 Figma 完全一致”或“匹配设计”； - 用户需要像素级精确的设计到开发交接； - 用户提到需要根据 Figma 规范验证 UI。该技能通过 Figma MCP 读取设计规范，自动检测框架，生成代码，通过浏览器自动化渲染截图，并使用 SSIM（结构相似性指数）进行比对，最多迭代 10 次，直至视觉相似度达到 ≥0.9。适用于 React、Vue 3 和原生 HTML/CSS。非常适合设计系统组件、落地页或任何必须与 Figma 规范完全匹配的 UI。

模型生成摘要（rules/v1 · 2026-11-14 04:41）：将 Figma 设计转换为生产就绪的组件代码，通过代理循环验证实现效果与设计的一致性
这是模型对公开材料的总结，不是官方声明，请以原链内容为准。

存档时间线

版本	存档时间	内容哈希	内容
v1	2026-11-14 04:39	0242417e	可取

版本索引永久保留；内容副本只保留最新 1 份，更早版本仅留索引与哈希（存档时间线的证据链不会因此断裂）。

下载存档内容副本

纠错与举报（发现条目失效、署名有误或涉及侵权？）

提交举报 / 纠错

侵权举报经核验成立后，我们会即时下线该条目并删除已存的内容副本。