Von der Idee zu Prototyp, Web, Slides und HTML-Video — der gesamte Produktdesign-Flow, fertig auf deinem eigenen Rechner.

Open DesignDie beste Open-Source-Alternative zu Claude Design

Eine agent-native Alternative zu Figma und Claude Design.
Desktop-first, mit 21 Coding-Agents, 129 Design-Systemen und Apache-2.0-Lizenz.

Open Design desktop — design files & index.html preview

Why Open Design?

Im April 2026 bewies Claude Design erstmals, dass ein LLM wirklich gestalten kann keine Texte, sondern echte Design-Arbeit. Aber es ist Closed Source, kostenpflichtig und nur in der Cloud, an Anthropic-Modelle gebunden kein Agent-Wechsel, kein Self-Hosting, kein BYOK. Open Design öffnet diese Fähigkeit.

设计在桌面端发生。本地文件、Figma 导出、代码仓库直接可读,Agent 拥有终端执行全部能力。

Design passiert auf dem Desktop.
Lokale Dateien, Figma-Exporte und Code-Repos sind direkt lesbar, und der Agent hat volle Terminal-Ausführungsrechte.

你电脑上的 Claude Code / Codex / Cursor 已经够强。OD 做的是把它们接进完整设计工作流。

Die Claude Code / Codex / Cursor auf deinem Rechner sind bereits stark genug.
Open Design bindet sie in einen kompletten Design-Workflow ein.

每次选择都沉淀为 Design System、偏好和记忆,下次生成更接近你要的结果。

Jede Entscheidung wird zu Design-System, Vorlieben und Gedächtnis, sodass die nächste Generierung näher an dem liegt, was du willst.

Von der Idee zur Auslieferung, mühelos

Done 👌

Brief → Vorlage → Visuelle Richtung → Artifact → Gedächtnis

  1. 01Startpunkt wählen
  2. 02Visuelle Richtung festlegen
  3. 03Artefakt generieren
  4. 04Ausliefern oder Video erstellen
Beschreibe dein Ziel in einem Satz oder starte aus einer Vorlage / einem Plugin.
Sobald die Richtung steht, fließen Palette, Typo und Abstände automatisch in die Generierung ein.
Der Agent liest den gesamten Kontext, erzeugt echte lauffähige Dateien und zeigt sie live in einer Sandbox zum Bearbeiten.
Exportiere ins Engineering zum Weiterbauen oder mach mit HyperFrames direkt ein Marketing-Video daraus.

Was kannst du mit Open Design erstellen?

21+ Coding-Agents anbinden, ohne Konfiguration

Jede Stufe ist iterativ, visuell und forschungsgetrieben: kombinierbare Dateien statt undurchsichtiger Prompts.

ClaudeCodexGeminiCursorGitHub CopilotOpenCodeDevinHermesPiKimiKiroQwenGrokDeepSeekQoderAMRKiloAiderTraeMistral VibeMiMoAntigravityReasonix
21+ Coding Agent

Aus aller Welt bauen 326 Mitwirkende
gemeinsam an Open Design

View all contributors

What this project has earned

Open Design 桌面端首页

Modernste KI-Designkraft zurück auf den Schreibtisch jedes Kreativen

Open · Local · Agent-native

FAQ

  1. 01Was ist Open Design?

    Open Design ist der offizielle Open-Source-AI-Design-Workspace des Projekts nexu-io/open-design. Es macht lokale Coding-Agents wie Claude Code, Codex, Cursor, Gemini CLI, OpenCode oder Qwen zu einer Design-Engine auf Basis von Skills und DESIGN.md-Systemen.

  2. 02Ist Open Design offiziell?

    Ja. Die kanonische Website ist https://open-design.ai/, der Quellcode liegt auf GitHub unter https://github.com/nexu-io/open-design. "Open Design", "OpenDesign", "open-design" und "Open Design AI" meinen dasselbe Projekt.

  3. 03Worin unterscheidet es sich von Claude Design?

    Claude Design ist ein gehostetes Produkt eines einzelnen Anbieters. Open Design ist local-first, Apache-2.0 Open Source und BYOK: Sie bringen Agent, Schlüssel und DESIGN.md-System selbst mit.

  4. 04Läuft Open Design lokal?

    Ja. Desktop-App, Daemon und Skill-Runtime laufen auf Ihrem Rechner. Generierte Artifacts landen in Ihrem Projektverzeichnis.

  5. 05Welche Coding-Agents werden unterstützt?

    Claude Code, Codex, Cursor, Gemini CLI, OpenCode, Qwen und weitere Adapter mit demselben Skill-Protokoll.

  6. 06Kann ich es selbst hosten oder forken?

    Ja. Der Code ist Apache-2.0. Sie können das Repo forken, Skills bearbeiten, eigene DESIGN.md-Systeme hinzufügen oder den Daemon selbst betreiben.

  7. 07Werden meine Daten an Anthropic, OpenAI oder Google gesendet?

    Nur Ihr Prompt und der Skill-Kontext gehen an den Provider, für den Sie eigene Schlüssel mitbringen (BYOK). Open Design hat keinen eigenen Server — der Daemon spricht direkt mit Ihrem Provider. Generierte Artifacts landen als Dateien in Ihrem Projektverzeichnis, nicht in einer Vendor-Cloud.

  8. 08Kann ich Open Design ohne CLI oder Desktop-App nutzen?

    Heute nicht. Open Design ist bewusst local-first — das Minimum ist ein lokaler Daemon plus ein Agent (Claude Code, Codex, Cursor, Gemini CLI oder einer der 17 unterstützten Adapter). Eine gehostete Sandbox steht auf der Roadmap, hat aber keine Priorität: Artifacts in Ihrem Repo schlagen Dokumente in fremden Datenbanken.

  9. 09Was kostet Open Design?

    Das Produkt ist kostenlos und Apache-2.0 — es gibt kein Open-Design-Abo. Sie zahlen nur die API-Kosten Ihres Providers (Anthropic, OpenAI, Google, Mistral, xAI, Moonshot usw.), direkt über Ihr eigenes Konto. BYOK hält Schlüssel und Ausgaben auf Ihrer Seite.

  10. 10Kann ich Open Design auf Vercel, Cloudflare oder eigenen Servern hosten?

    Ja. Der Daemon läuft überall, wo Node 24 läuft, und die Landingpage ist ein statischer Astro-Build, der unverändert auf Cloudflare Pages, Vercel oder Netlify deployt. Teams mit geteilten Deployments pinnen den Daemon meist auf eine Maschine im eigenen Netz und richten jede Entwickler-CLI darauf aus.

  11. 11Wie bringe ich meine Marke in Open Design?

    Werfen Sie einen Screenshot oder Figma-Export in die Web-UI und lassen Sie den Agent die Marke in eine DESIGN.md-Datei extrahieren. Speichern Sie die Datei unter design-systems/<your-brand>/ im Repo; danach rendert jede Skill in dieser Marke, ohne erneutes Prompten. /alternatives/claude-design/ beschreibt denselben Ablauf Schritt für Schritt.

  12. 12Kann ich den Agent wechseln, ohne Arbeit zu wiederholen?

    Ja. Skills und DESIGN.md-Systeme sind agent-agnostisch — dieselbe SKILL.md rendert mit Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, Grok, Hermes, Qwen oder jedem anderen unterstützten Adapter. Ein Agent-Wechsel ist eine Konfigurationsänderung im Daemon, kein Redesign.

  13. 13Was steht auf der Open-Design-Roadmap?

    Die aktuelle Roadmap liegt unter docs/roadmap.md im GitHub-Repo, wöchentliche Release Notes erscheinen über GitHub Releases. Die großen Themen fürs nächste Quartal: mehr Agent-Adapter, reichere Template-Familien (3D, Video, Audio) und ein optionaler Shared-Daemon-Modus für Design-Teams.