独立开发 ／ AI 产品与辅助设计
Codex + Figma 工具链(装 Figma skill/MCP·生成图表组件库幻灯片·原型转Figma·SVG图标自动替换 的步骤与 skill)
Will（will-ai-note）整理的「用 Codex 这个 Agent 经 Figma MCP 直接往 Figma 画布写真实设计」的完整操作手册。覆盖三件事:① 环境搭建——给 Codex 装 Figma 远程/桌面 MCP server（让 Codex 拿到操作 Figma 的权限）+ 装/管理官方 Figma Skill；② 七个核心 skill 的用途+提示词——figma-use（直接改画布:建 Frame/组件/变量/Auto Layout）、figma-use-slides（生成 PPT 内页）、figma-generate-diagram（文字→可编辑流程图/时序图/ER 图）、figma-generate-design（代码/HTML→Figma UI）、figma-generate-library（代码库→设计系统 Library）、prototype-to-figma（运行中的原型→逐帧 Figma 状态稿）、Community skills；③ 组合工作流——代码原型↔Figma 双向同步、底图截图直出界面、交互框架→新界面、扫本地 SVG 图标自动语义匹配替换。每节给 Why/何时用/可复用提示词/坑（如 figma-use 需付费 Full/Dev seat、Dev seat 只能在 drafts、prototype-to-figma 间距有 bug 但能逐帧拆页）。与 [[newtype-ai-coding]] 的分工:那篇讲 AI Coding 工具栈选型与心法,本篇讲「设计/原型工程化」这一段具体到 skill 和提示词的落地。