用 OpenAI 官方 figma Skill，把 Figma 設計拉進 AI 編程工作流
介紹 OpenAI curated 的 figma Skill：它如何配合 Figma MCP（mcp.figma.com）獲取設計上下文、截圖、變量與資源，並按固定流程把節點落地爲項目代碼。文中核實了安裝方式（$skill-installer / 目錄拷貝）、Codex 的 MCP 配置（FIGMA_OAUTH_TOKEN、RMCP client）、必走工具鏈（get_design_context → get_metadata → get_screenshot）以及鏈接驅動的提示詞寫法，適合在 Codex、Cursor、Claude Code 中做設計到代碼協作的開發者。
閱讀全文figma-implement-design：OpenAI 官方 Skill，把 Figma 設計稿 1:1 還原爲生產級代碼
figma-implement-design 是 OpenAI curated Agent Skill，配合 Figma MCP 將設計節點翻譯爲倉庫內可交付 UI 代碼。文章介紹其七步工作流、與 figma-use 等 Skill 的邊界、MCP 前置條件，以及在 Cursor（/add-plugin figma）、Codex（$skill-installer）等工具中的安裝與典型用法，幫助開發者縮短 Design-to-Code 迭代週期。
閱讀全文