design-to-code
標記 design-to-code 主題、收錄中的開源專案，依星數排序。
相關主題
常跟 design-to-code 一起出現在同一個專案上的主題。
近期新秀
近 90 天內建立、標記 design-to-code 主題的專案。
- #1★ 26,628+33近 7 天星數變化
- #2
開源的 Claude 設計替代方案。一鍵匯入您的 Claude Code / Codex API 金鑰。提示 → 原型 / 投影片 / PDF。多模型（Claude、GPT、Gemini、Kimi、GLM、Ollama）。自帶金鑰、本地優先、MIT 授權。
★ 7,869+7近 7 天星數變化 - #3
透過一行指令擷取任何網站的完整設計系統。DTCG 標記、語義+原始+複合，適用於 Claude Code/Cursor/Windsurf 的 MCP 伺服器、多平台發射器（iOS SwiftUI、Android Compose、Flutter、WordPress）、Tailwind v4、Figma 變數、shadcn/ui、CSS 健康度審計、WCAG 修復、Chrome 擴充功能。採用 MIT 授權、Playwright、Node 20+。
★ 4,008+34近 7 天星數變化 - #4
將任何網站轉換為可編輯的 Figma 設計
★ 3,685+4近 7 天星數變化 - #5★ 3,301+44近 7 天星數變化
- #6
將 Claude 轉變為資深設計架構師 — 包含 DTCG 設計代幣、42 個元件、WCAG 2.2 無障礙標準、跨框架程式碼、138 個設計系統與可執行技能。
★ 897+79近 7 天星數變化 - #7
免費的雙向 Figma MCP server。將設計轉換為具備框架意識的程式碼，並將程式碼推回畫布。適用於 Claude Code、Cursor、Codex 及任何 MCP 客戶端
★ 701+71近 7 天星數變化 - #8
將任何網頁設計截圖轉換為乾淨的 HTML/CSS 程式碼
★ 681+1近 7 天星數變化 - #9
用於繞過 API 限制的 Figma 外掛程式與 MCP 伺服器
★ 566+32近 7 天星數變化 - #10
Flame 是一個開源的多模態 AI 系統，旨在將 UI 設計稿轉換為高品質的 React 程式碼。它利用視覺語言模型、自動化資料合成與結構化訓練工作流程，縮短設計與前端開發之間的差距。
★ 562+0近 7 天星數變化 - #11
200 production-grade DESIGN.md design systems for the world's best apps. Framework-neutral plus SwiftUI, Jetpack Compose, and Expo. Hand one to your AI agent, ship pixel-matched UI.
★ 514—近 7 天星數變化
