用 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 中做設計到代碼協作的開發者。
閱讀全文