NOTE // 67
如何用Codex+Figma精准还原设计稿
只需三步,99%还原设计稿。
在 Codex 的Plugins中找到并安装 Figma MCP,然后授权登录Figma的账号;
回到Figma,把要还原的页面整理到一个page中,然后右键,选择Copy link to page;
回到Codex,输入以下提示词:读取以下Figma 设计稿:[把复制的Figma地址粘贴到这]。用 react+taiwind 完整还原页面 UI,并且三个页面的切换加上交互功能。






只需三步,99%还原设计稿。
在 Codex 的Plugins中找到并安装 Figma MCP,然后授权登录Figma的账号;
回到Figma,把要还原的页面整理到一个page中,然后右键,选择Copy link to page;
回到Codex,输入以下提示词:读取以下Figma 设计稿:[把复制的Figma地址粘贴到这]。用 react+taiwind 完整还原页面 UI,并且三个页面的切换加上交互功能。





