design-to-code

Der Cursor für Designer • Ein Open-Source AI-First Design-Tool • Visuell React-App mit AI bauen, stylen und bearbeiten

Open-Source-Alternative zu Claude Design. Claude Code / Codex API-Key mit einem Klick importieren. Prompt → Prototyp / Präsentationen / PDF. Multimodell (Claude, GPT, Gemini, Kimi, GLM, Ollama). BYOK, lokal-zuerst, MIT.

Extrahiere das komplette Design-System jeder Website mit einem Befehl. DTCG-Token, semantisch+primitiv+komposit, MCP-Server für Claude Code/Cursor/Windsurf, Multi-Plattform-Emitter (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma-Variablen, shadcn/ui, CSS-Gesundheitsprüfung, WCAG-Behebung, Chrome-Erweiterung. MIT, Playwright, Node 20+.

Konvertiert jede Website in bearbeitbare Figma-Designs

Extrahieren Sie das Design-System einer Website in Sekundenschnelle in Tokens: Logo, Farben, Typografie, Ränder und mehr. Ein Befehl.

Verwandeln Sie Claude in einen Senior Design Architect – DTCG Design Tokens, 42 Komponenten, WCAG 2.2 Barrierefreiheit, Framework-unabhängiger Code, 138 Design-Systeme und ausführbare Skills.

Kostenloser, bidirektionaler Figma MCP-Server. Wandelt Designs in Framework-spezifischen Code um und überträgt Code zurück auf die Arbeitsfläche. Kompatibel mit Claude Code, Cursor, Codex und jedem MCP-Client.

Konvertieren Sie jeden Webdesign-Screenshot in sauberen HTML/CSS-Code

Figma-Plugin und MCP-Server zur Umgehung von API-Limits.

Flame ist ein Open-Source multimodales KI-System zur Umwandlung von UI-Design-Mockups in hochwertigen React-Code. Es nutzt Vision-Language-Modelle und automatisierte Workflows, um die Lücke zwischen Design und Frontend-Entwicklung zu schließen.

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.