Skip to content
#

design-to-code

Star

Here are 101 public repositories matching this topic...

Language: All
Filter by language
All 101 TypeScript 43 JavaScript 16 HTML 10 CSS 8 Python 6 Shell 3 Dart 2 Roff 1 SCSS 1 Vue 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 1.9k

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 Apr 23, 2026
  • TypeScript

Manavarya09 / design-extract

Sponsor
Star 1.4k

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 Apr 23, 2026
  • JavaScript
Flame-Code-VLM

Flame-Code-VLM / Flame-Code-VLM

Star 558

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
stitch-kit

gabelul / stitch-kit

Sponsor
Star 21

Design superpowers for AI coding agents. 35 skills, 5 layers, 7 framework targets. Ideation, batch generation, design systems, iteration loops, and production conversion via Google Stitch MCP. Claude Code plugin + Codex CLI agent. The design intelligence layer your agent was missing.

ui-design react-native mcp nextjs svelte design-system stitch swiftui design-to-code ui-generation claude-code design-agent codex-cli coding-agent text-to-ui claude-code-plugin claude-code-skills google-stitch ai-agent-skills stitch-mcp
  • Updated Mar 24, 2026
  • JavaScript

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