figma2code：用分階段工作流把 Figma / Mastergo 設計稿高保真還原成代碼
figma2code 是 SkillHub 社區 Skill（@user_3141f90e/figma2code，v1.0.0），面向設計稿轉代碼時整頁直譯還原度低的問題。在已連接 Figma 或 Mastergo MCP 的前提下，按全局規劃、組件樹梳理、逐模塊還原、整體拼接四步推進，產出 PLAN.md 與 COMPONENTS.md，支持 HTML/CSS、React、Vue、小程序、uni-app、Taro、Flutter、SwiftUI 等棧。安裝需 skillhub CLI 並用 --dir 指向 Agent skills 目錄。適合多模塊、重複組件與響應式頁面。
閱讀全文figma轉高保真html：用 Agent Skill 把 Figma 設計稿落成響應式 HTML
figma轉高保真html（@user_24c316b5/figma-to-html，v1.0.0）是 SkillHub 社區 dev-programming 類 Skill，通過 Figma MCP 讀取設計數據與圖片，並結合參考截圖生成高保真響應式 HTML。支持「figma 轉 html」等關鍵詞或 Figma 鏈接觸發。安裝可參考 skillhub.cn/install/skillhub.md，使用 skillhub install 並指定 Cursor 等客戶端的 skills 目錄。需預先配置 Figma MCP；元數據標註 requires_api_key=false。
閱讀全文dsh-figma-to-lottie：DSH 中的 Figma/SVG 到 Lottie 編譯器
`dsh-figma-to-lottie` 是一款 DeepSeek Harness 插件，填補了將設計數據編譯爲動畫資產的空白。它提供 `lottie_compile_shape`（解析 SVG 路徑）和 `lottie_compile`（生成完整 Lottie JSON）兩個工具，支持路徑、矩形、圖片及文字層，並支持關鍵幀動畫與漸變填充。該插件無需構建步驟，可直接通過自然語言指令生成可用於 iOS/Android/Web 的 Lottie 文件。
閱讀全文用 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 迭代週期。
閱讀全文