用 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 的邊界。

閱讀全文