Skip to content
#

design-to-code

Star

Here are 153 public repositories matching this topic...

Language: All
Filter by language
All 153 TypeScript 56 JavaScript 26 Python 20 HTML 13 CSS 9 Shell 5 Dart 2 C++ 1 Roff 1 SCSS 1
Sort: Most stars
Sort options
Most stars Fewest stars Most forks Fewest forks Recently updated Least recently updated
open-codesign

OpenCoworkAI / open-codesign

Star 6.7k

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.

electron desktop-app typescript gemini openai multi-model claude ui-generator design-to-code local-first byok ai-design anthropic openrouter ollama deepseek claude-code figma-alternative claude-design claude-design-alternative
  • Updated Jun 6, 2026
  • TypeScript

Manavarya09 / design-extract

Sponsor
Star 3.1k

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+.

css chrome-extension cli ai accessibility web-scraping cursor design-tokens figma design-system npx tailwind design-to-code playwright dtcg shadcn-ui mcp-server claude-code-plugin agent-skill skills-sh
  • Updated Jun 6, 2026
  • JavaScript
Flame-Code-VLM

Flame-Code-VLM / Flame-Code-VLM

Star 561

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.

react open-source front-end ai vue deep-learning frontend code-generation image-to-text vlm frontend-development multimodal data-synthesis design-to-code llm vision-language-model deepseek image-to-code screen-to-code
  • Updated Feb 11, 2026
  • Python

tathagat22 / plumb-mcp

Star 60

Local Figma MCP server with no REST rate limits, no metered tool-call quotas, and a verification loop. Drop-in alternative to Figma's Dev Mode MCP and Framelink for Claude Code, Cursor, Windsurf — works on every plan including Free.

typescript ai mcp cursor design-tokens figma dev-mode windsurf free-tier design-to-code figma-plugin anthropic model-context-protocol mcp-server claude-code claude-mcp ai-coding-agent figma-mcp
  • Updated Jun 3, 2026
  • TypeScript

Improve this page

Add a description, image, and links to the design-to-code topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the design-to-code topic, visit your repo's landing page and select "manage topics."

Learn more