用 Codex 通过 MCP 读取 Figma 还原设计稿的四步流程
作者分享用 Codex 通过 Figma 官方远程 MCP 读取设计节点、再分四步还原页面的流程,在自己项目里目测还原度能到 95% 以上。流程是先读设计和项目并复述需求待确认,再按编号列出样式与文字差异清单,确认后动手改,最后用浏览器工具或 Playwright 实际操作页面对照复验。
能拿走的是 Codex 装 Figma 官方插件走远程 MCP 读节点,配四段提示词按读设计、列差异清单、确认后改、浏览器复验推进,代价是受支持名单和每月 20 次读取额度限制。