Skip to content

OpenDesign

Lokaler Design-Arbeitsplatz, der deinen vorhandenen Coding-Agenten nutzt, um aus einem Briefing Prototypen, Präsentationen, Bilder und Videos zu machen.

Getestet von Sheela · Aktualisiert

Auf GitHub ansehen Open Source

Unsere Bewertung

3.8/5

Ein fähiges Frontend, das deinen Coding-Agenten zum Design-Werkzeug macht, verpackt in eine Sternezahl und ein Verkaufsargument, die beide etwas Skepsis verdienen.

Was ist OpenDesign?

OpenDesign ist eine Desktop- und Web-App mit `od`-CLI und MCP-Server, die ein schriftliches Briefing in ein Design-Artefakt verwandelt: einen einseitigen HTML-Prototyp, ein Dashboard, eine Foliensammlung, ein Bild oder ein kurzes Video. Ein eigenes Modell oder einen eigenen Agenten bringt es nicht mit. Es steuert eine Coding-Agent-CLI, die schon in deinem PATH liegt (Claude Code, Codex, Cursor, Copilot, OpenCode, Hermes, Kimi und andere), oder einen Proxy mit eigenem Schlüssel zu einem beliebigen OpenAI-kompatiblen Endpunkt. Jedes Rendering liest eine DESIGN.md-Datei mit den Markenregeln.

Das Repo bündelt 151 Design-System-Pakete, mehr als 100 Agent-Skills und 277 offizielle Plugins und exportiert nach HTML, PDF, PPTX, ZIP, Markdown und, über HyperFrames von HeyGen, nach MP4. Es begann im April 2026 als Open-Source-Antwort auf Claude Design von Anthropic und nennt sich heute einen kollaborativen Arbeitsplatz; dieselbe Organisation, nexu-io, verkauft über OpenDesign Go und Cloud gehostetes Modellguthaben.

Es steht unter Apache-2.0, ist in TypeScript geschrieben und hatte bei der letzten Prüfung rund 104.100 GitHub-Sterne. Desktop-Builds gibt es für macOS und Windows; unter Linux läuft es aus dem Quellcode oder per Docker. Das neueste Release ist v0.26.1 vom 22. Oktober 2026.

Lohnt sich OpenDesign?

Die nützliche Idee von OpenDesign: Design-Generierung braucht kein eigenes Modell. Es startet die Agent-CLI, für die du ohnehin zahlst, verknüpft einen funktionalen Skill oder ein Template mit einer DESIGN.md-Markendatei und zeigt das HTML, das der Agent schreibt, in einem abgeschotteten iframe an. Weil die Ausgabe gewöhnliches HTML und CSS ist, kann sie direkt in Cursor oder Claude Code weiterentwickelt werden. Über den `od`-MCP-Server kann ein Agent in einem anderen Repository die Tokens und Komponenten eines Projekts als aktuelle Dateien lesen statt als veralteten Export.

Die großen Zahlen verlangen Vorsicht. Das Repo wurde am 28. April 2026 angelegt und überschritt in weniger als sechs Monaten 100.000 Sterne. Auf Hacker News wiesen Kommentatoren darauf hin, dass das frühe Wachstum mit fast konstant 1.400 Sternen pro Tag verlief, und nannten die Kurve künstlich; andere vermuteten Rundungen des Trackers. Die Stargazer-Daten von GitHub standen uns nicht zur Verfügung, wir können die Frage also nicht klären. Die Aktivität ist schwerer zu fälschen: rund 3.800 Commits, etwa 440 Mitwirkende, 11.900 Forks und fünf Releases seit dem 22. September, bei 545 offenen Issues und 740 offenen Pull Requests.

Die Sicherheitsvoreinstellungen sind besser als bei den meisten lokalen Design-Werkzeugen. Der Daemon bindet an 127.0.0.1, der MCP-Server ist standardmäßig schreibgeschützt, der BYOK-Proxy sperrt private Adressen und Cloud-Metadaten-Adressen gegen SSRF, und das Docker-Deployment verlangt ein generiertes API-Token. Zwei Dinge solltest du vor der Einführung wissen: Laut README ist "bereinigte Sicherheits- und Zuverlässigkeitstelemetrie immer aktiv" (Produktanalysen und Session Replay brauchen eine Einwilligung). Und unter macOS kann der Befehl `od` vom gleichnamigen System-Werkzeug für Oktal-Dumps verdeckt werden.

Die Breite ist zugleich die Schwäche. 151 Design-Systeme, 277 Plugins und 183 Beispiele machen den Katalog schwer zu beurteilen, und Kommentatoren auf HN fanden die Demos beliebig und das README mühsam zu lesen. Die kommerzielle Ebene des Projekts ist nie weit weg: Das README beginnt mit Werbung für Guthaben bei OpenDesign Go. Im Vergleich zu Impeccable, das Oberflächen mit deterministischen Regeln prüft, generiert OpenDesign, statt zu prüfen. Teams, die ohnehin in Claude Code arbeiten, holen den größten Teil des Nutzens womöglich schon aus einer DESIGN.md und einem Design-Skill, ohne gleich einen ganzen Arbeitsplatz einzuführen.

Wo es sich lohnt

  • Eine Produktmanagerin bei einem SaaS-Unternehmen mit 20 Beschäftigten

    Aus einem Feature-Briefing einen klickbaren Prototyp machen, auf den das Design-Team reagieren kann

    Wähle das Template saas-landing oder dashboard, verweise es auf die DESIGN.md des Teams und lass Claude Code das HTML rendern. Die Kosten sind die ohnehin vorhandene Agent-Nutzung; eine Designerin verfeinert danach dasselbe Projekt, statt es neu zu zeichnen.

  • Ein Frontend-Engineer, der ein Design-System pflegt

    Coding-Agenten in anderen Repos die neuesten Tokens und Komponenten nutzen lassen

    Führe `od mcp install claude` aus (oder codex, cursor); Agenten können dann Projekte auflisten und tokens.css oder JSX-Dateien namentlich lesen. Standardmäßig schreibgeschützt, das Risiko beschränkt sich also auf das, was der Agent liest.

  • Eine Marketingleiterin bei einem Start-up ohne eigenes Design-Team

    Wöchentliche Update-Präsentationen und Launch-Grafiken im Markenauftritt produzieren

    Nutze die Deck-Templates für HTML- oder PPTX-Ausgabe und die HyperFrames-Templates für kurze MP4s. Ohne Agent-Abo beginnt OpenDesign Go bei 10 $ im Monat für gehostetes Guthaben, das sich alle 7 Tage zurücksetzt und nicht übertragen wird.

Bevor du dich festlegst

Einrichtung
Lade die App für macOS oder Windows herunter oder führe in deploy/ `docker compose up -d` mit einem generierten OD_API_TOKEN aus; aus dem Quellcode braucht es Node 24 und pnpm 10.33. Die App erkennt Agent-CLIs in deinem PATH und braucht ein Briefing für den ersten Prototyp.
Integrationen
Native Adapter oder MCP-Installation für rund 20 Agenten, darunter Claude Code, Codex, Cursor, Copilot CLI, OpenCode, Cline, Kiro und Hermes; BYOK-Proxy für Anthropic, OpenAI, Azure, Gemini, Ollama, LM Studio, vLLM und jeden OpenAI-kompatiblen Endpunkt.
Daten und Datenschutz
Projekte bleiben lokal oder im eigenen Deployment; Prompts gehen an den Agenten oder das Modell deiner Wahl. Laut README ist die Sicherheits- und Zuverlässigkeitstelemetrie immer aktiv, Produktanalysen und Session Replay brauchen eine Einwilligung. Apache-2.0 erlaubt kommerzielle Nutzung.
Kosten im großen Maßstab
Selbst hosten ist kostenlos; die eigentlichen Kosten sind Agent-Tokens pro Rendering. Gehostetes Guthaben reicht von Go für 10 $ im Monat bis Max für 200 $, dazu Team- und individuelle Enterprise-Pläne für SSO und geteilte Design-Systeme.
Grenzen
Noch kein Desktop-Build für Linux (verfolgt in Issue #4368); `od` kollidiert unter macOS und WSL mit /usr/bin/od; die Qualität hängt vom Agenten und Modell dahinter ab, und 545 offene Issues sprechen für eine Codebasis, die sich schnell bewegt.

Was gut ist

  • Läuft mit der Agent-CLI oder dem API-Schlüssel, den du schon hast
  • Ausgabe ist reines HTML/CSS mit Export nach PDF, PPTX und MP4
  • Schreibgeschützter MCP-Server stellt aktuelle Design-Dateien für andere Agenten bereit
  • Standardmäßig Loopback-Bindung und Schutz gegen SSRF

Was nicht

  • Das Sternewachstum wird auf Hacker News angezweifelt
  • Ein Teil der Telemetrie lässt sich nicht abschalten
  • Kein fertiger Desktop-Build für Linux
  • Großer, uneinheitlicher Katalog; das README ist zugleich Verkaufsseite

Am besten für

Produktteams, die schon einen Coding-Agenten nutzen und Prototypen, Präsentationen und Dashboards im eigenen Markenauftritt wollen, ohne für Claude Design zu zahlen.

Alternativen zu OpenDesign

OpenDesign: häufige Fragen

Lohnt sich OpenDesign?
Ein fähiges Frontend, das deinen Coding-Agenten zum Design-Werkzeug macht, verpackt in eine Sternezahl und ein Verkaufsargument, die beide etwas Skepsis verdienen. Wir bewerten es mit 3.8 von 5.
Was kostet OpenDesign?
Kostenlos und Open Source (Apache-2.0) mit eigenem Agenten oder eigenen API-Schlüsseln. Optional gehostetes Guthaben: Go 10 $/Monat, Plus 20 $, Pro 100 $, Max 200 $; dazu Team- und Enterprise-Pläne.
Welche Nachteile hat OpenDesign?
Das Sternewachstum wird auf Hacker News angezweifelt; Ein Teil der Telemetrie lässt sich nicht abschalten; Kein fertiger Desktop-Build für Linux; Großer, uneinheitlicher Katalog; das README ist zugleich Verkaufsseite.
Für wen eignet sich OpenDesign?
Produktteams, die schon einen Coding-Agenten nutzen und Prototypen, Präsentationen und Dashboards im eigenen Markenauftritt wollen, ohne für Claude Design zu zahlen.
Was kostet OpenDesign für ein Team oder im Produktivbetrieb?
Selbst hosten ist kostenlos; die eigentlichen Kosten sind Agent-Tokens pro Rendering. Gehostetes Guthaben reicht von Go für 10 $ im Monat bis Max für 200 $, dazu Team- und individuelle Enterprise-Pläne für SSO und geteilte Design-Systeme.
Ist OpenDesign sicher für Firmendaten?
Projekte bleiben lokal oder im eigenen Deployment; Prompts gehen an den Agenten oder das Modell deiner Wahl. Laut README ist die Sicherheits- und Zuverlässigkeitstelemetrie immer aktiv, Produktanalysen und Session Replay brauchen eine Einwilligung. Apache-2.0 erlaubt kommerzielle Nutzung.
Was sind die besten Alternativen zu OpenDesign?
Die nächsten Alternativen, die wir getestet haben, sind Impeccable, Anatomy und Anthropic Skills.

Antworten geprüft am 26. Okt. 2026.