家人们谁懂啊！还在对着空白的 Figma 画布发愁吗？😩
今天一定要把这个黑科技安利给所有产品经理和设计师！用 Codex 联动 Figma，输入一段产品需求，AI 哐哐两下就直接在 Figma 里生成了可编辑的设计稿！配色、组件、布局全都有，简直是效率神器！✨
整理了超详细的 4 步操作流程，建议收藏防走丢：
1️⃣ 安装插件：在 Codex 插件市场搜索 “Figma” 一键安装，安装过程中需要授权登录 Figma。
2️⃣ 安装自检：运行测试指令。如果写入 Figma 失败？别慌！和Codex对话，它会给你提供一段 MCP Figma的命令，复制、粘粘、执行，然后新增重新开启线程，重新执行测试指令就看到生成的空白页就说明路通了！✅
3️⃣ 生成设计规范：使用 design-generator 这个 Skill，喂入你的产品需求。AI 会自动产出 DESIGN.md 文档（包含配色、组件规范，甚至还有明暗两版预览）。
4️⃣ 一键生成画稿：确保 DESIGN.md 在当前工作区，指定好 Figma 的文件和页面名。看着 Codex 像打印机一样把设计稿“画”出来的感觉真的太爽了！画风和规范完美统一！画出来的还是可编辑的图层哦！画出来的还是可编辑的图层哦！画出来的还是可编辑的图层哦！
别再手动一个一个拉组件啦，快去试试这套 AI 自动化流吧！
