用 figma-generate-design 把页面从代码反向生成到 Figma

介绍 OpenAI curated 与 Figma MCP 生态中的 figma-generate-design Skill:在已连接 Figma MCP、目标文件具备设计系统的前提下,把应用页面或多区块布局按组件实例与 Token 写入 Figma,并强制配合 figma-use。文中核实了插件安装(Cursor / Claude Code / Codex)、npx skills 安装方式、按区块组装与 generate_figma_design 并行校准等官方流程,以及与 figma-implement-design、Code Connect 等相邻 Skill 的边界。

阅读全文