跳到正文
掘金· aZhe的全栈知识分享·· 5 小时前精选AI 评分72

AI 还原 Figma 效果总达不到预期?先别急着让它写代码

AI 导读

作者在掘金分享了通过 Figma 官方 MCP 接入 Codex 精准还原设计稿的完整流程,先用 MCP 读取 Figma 节点获取布局、样式、结构等细节,再分四步核对清单、还原代码、复验页面。流程可将整体还原度提升至 95% 以上,核心在于确保 AI 读到真实的设计参数而非凭截图猜测。

推荐理由

作者分享了一套通过 MCP 接入 Figma 精准还原设计的完整流程,附四段提示词,适合想提升设计还原效率的开发者。

来源:掘金 · juejin.cn