Skip to content
#

design-to-code

Star

Here are 125 public repositories matching this topic...

Language: All
Filter by language
All 125 TypeScript 48 JavaScript 21 Python 12 HTML 10 CSS 8 Shell 6 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 6k

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 May 17, 2026
  • TypeScript

Manavarya09 / design-extract

Sponsor
Star 2.7k

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 May 16, 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

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