design-to-code
Tracked open-source repos tagged design-to-code, sorted by stars.
Related topics
Topics that frequently appear alongside design-to-code on the same repo.
Recent risers
Repos created in the last 90 days, tagged design-to-code.
- #1
The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
★ 26,628+33Star change over the last 7 days - #2
Open-source Claude Design alternative. One-click import your Claude Code / Codex API key. Prompt → prototype / slides / PDF. Multi-model (Claude, GPT, Gemini, Kimi, GLM, Ollama). BYOK, local-first, MIT.
★ 7,869+7Star change over the last 7 days - #3
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
★ 4,008+34Star change over the last 7 days - #4
Convert any website to editable Figma designs
★ 3,685+4Star change over the last 7 days - #5
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
★ 3,301+44Star change over the last 7 days - #6
Turn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code, 138 design systems, and runnable skills.
★ 891+79Star change over the last 7 days - #7
Free, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client.
★ 690+71Star change over the last 7 days - #8
Convert any web design screenshot to clean HTML/CSS code
★ 681+1Star change over the last 7 days - #9
Figma Plugin & MCP server to bypass API limits
★ 563+32Star change over the last 7 days - #10
Flame is an open-source multimodal AI system designed to translate UI design mockups into high-quality React code. It leverages vision-language modeling, automated data synthesis, and structured training workflows to bridge the gap between design and front-end development.
★ 562+0Star change over the last 7 days - #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.
★ 513—Star change over the last 7 days
