返回实战案例
08 / 实战案例FredTalk 文档版

Codex × Figma MCP：读懂设计稿

读取设计稿并辅助实现，适合让 Codex 理解 Figma 结构后拆出前端实现边界。

阅读目标

把案例当成一张实操卡：先看场景，再看流程，最后把输入资料替换成你自己的真实项目。

第 01 节

Codex × Figma MCP：让 AI 读懂你的设计稿

Figma MCP 能让 Codex 直接读取设计稿、截图分析节点、生成页面、修改组件、绘制流程图。安装之后，你只需要用自然语言下达设计需求，剩下的交给 Codex 去完成。