Die Open-Source-Alternative zu Claude Design

Claude Design ist gut. Es ist außerdem Closed-Source, nur gehostet verfügbar und an ein Claude-Abonnement gekoppelt. Hier die ehrliche Einschätzung, wann man es wählen sollte – und wann der Open-Source-Weg gewinnt.

Claude Design ist gut. Wir haben es an echten Briefings eingesetzt. Dass wir stattdessen eine Open-Source-Schicht gebaut haben, liegt nicht daran, dass Anthropic ein schlechtes Werkzeug ausgeliefert hätte – das haben sie nicht. Es liegt daran, dass Closed-Source-, nur gehostete, 20-bis-200-Dollar-pro-Monat-Design-Tools die falsche Form für das nächste Jahrzehnt der Designarbeit sind. Dieser Beitrag ist die ehrliche Einschätzung von Claude Design aus Sicht eines Teams, das in derselben Kategorie ausliefert: was es ist, wo es dich bindet, wie die Open-Source-Alternative tatsächlich aussieht und für welche du dich dieses Quartal entscheiden solltest.

Was Claude Design wirklich ist

Claude Design ging im April 2026 aus Anthropic Labs hervor. Es ist ein dialogbasiertes Design-Tool, angetrieben von Claude Opus 4.7: Chat links, Canvas rechts. Du beschreibst, was du willst, Claude generiert ein Design, und du iterierst über Kommentare, Inline-Bearbeitungen und Prompt-Verfeinerungen.

Es macht vier Dinge gut:

Prototypen aus Prosa. Onboarding-Flows, Einstellungsseiten, Admin-Panels, Checkout-Varianten – fünf Minuten vom Prompt zum interaktiven Screen.
Codebasis-Bewusstsein. Importiere ein GitHub-Repo oder hänge ein lokales Verzeichnis an, und die Prototypen verwenden deine echten Komponenten, dein Token-System, deine Konventionen.
Markenintegration. Richte ein Designsystem einmal ein, und jedes Projekt übernimmt automatisch die Farben, Typografie und Komponentenmuster.
Übergabe an Claude Code. Der „Build this“-Button bringt den Prototyp in produktionsreifen Code – im selben Browser-Tab.

Exporte umfassen Canva, PDF, PPTX, HTML und eigenständige URLs. Die Preisgestaltung ist gebündelt – Claude Pro für 20 $, Max für 100–200 $, Enterprise im üblichen „Ruf uns an“-Tarif. Derzeit ist es eine Research-Preview für zahlende Claude-Abonnenten.

Wenn du das offizielle Tutorial liest, ist der Workflow, den Anthropic beschreibt, derselbe, den Open Design ausliefert: ein Briefing, eine Richtung, ein Artefakt, eine Übergabe. Die Unterschiede liegen eine Ebene tiefer.

Wo es dich bindet

Claude Design bringt vier Arten von Lock-in mit sich, die es wert sind, vorab benannt zu werden, weil die Marketingseiten es nicht tun.

Das Modell ist fest. Jedes Rendering läuft über Claude. Nicht Claude oder ein Modell, für das du bereits bezahlt hast – nur Claude. Wenn dein Team einen Vertrag mit GPT, Gemini oder DeepSeek hat oder wenn du für sensible Briefings auf Ollama selbst hostest, lassen sich diese Workflows nicht übertragen. Die Token-Kosten richten sich für immer nach Anthropics Preiskurve.

Die Laufzeitumgebung ist gehostet. Deine Prompts, dein Designsystem und dein Codebasis-Kontext wandern allesamt auf Anthropics Server. Für Agenturarbeit oder kreatives Material vor dem Launch unter NDA bedeutet das jedes Mal ein Beschaffungsgespräch. Self-Hosting ist in der Research-Preview keine Option, und die Ankündigung verpflichtet sich auch nicht zu einer.

Die Skills gehören nicht dir. Das Verhalten von Claude Design wird durch Prompts und Tools definiert, die innerhalb von Anthropic leben. Du kannst sie nicht forken, auditieren oder eines davon ersetzen. Die „Skills“, die Anthropic in Claude Skills ausliefert, sind benachbart, aber getrennt; das designspezifische Tooling ist intern.

Die Rechnung ist ein Abonnement. 20–200 $/Monat pro Platz ist in Ordnung für eine Solo-Designerin, schmerzhaft für ein Team von zwanzig und ein No-Go für das Dutzend Open-Source-Beitragender, die andernfalls denselben Workflow aufgreifen würden.

Nichts davon sind Bugs in Claude Design. Es ist die Form eines gehosteten Produkts. Anthropic hat für den durchschnittlichen Pro-Abonnenten optimiert. Wir sind nicht der durchschnittliche Pro-Abonnent.

Ein schwarzer facettierter Wolkenkörper, der über eine gestrichelte Linie an einem kleinen Bodenanker und Serverblock befestigt ist, auf einer warmen, redaktionellen Studienplatte — Standardmäßig gehostet: Deine Prompts, dein Designsystem und dein Codebasis-Kontext wandern auf die Server von jemand anderem.

Die Open-Source-Alternative

Open Design (diese Seite) ist eine andere Wette. Es ist kein Claude-Design-Klon – es ist eine dünne Skill-Schicht, die den Coding-Agenten, den du ohnehin schon nutzt, in eine Design-Engine verwandelt. Die vier Primitive sind Skills, Systems, Adapter und der Daemon. Jeder Skill ist eine SKILL.md-Datei. Jedes Designsystem ist eine DESIGN.md-Datei. Jeder Agent-Adapter ist ~80 Zeilen TypeScript.

Was heute ab Werk dabei ist:

123 skills – Deck-Generatoren, Mobile-Mockups, redaktionelle Seiten, Word/Excel/PPT, Markenexplorationen
148 design systems – portable Markdown-Versionen von Linear, Vercel, Stripe, Apple, Cursor, Figma, plus ein langer Schweif
16 automatisch erkannte Coding-Agent-CLIs in deinem $PATH – Claude Code, Codex, Cursor, Gemini, OpenCode, Copilot, Devin, Hermes, Pi, Kimi, Kiro, Qwen, DeepSeek TUI, Qoder, Mistral Vibe, Kilo
Vierstufiger, festgelegter Workflow – Fragebogen → Richtungsauswahl → Live-Plan-Stream → sandboxed iframe-Vorschau
BYOK standardmäßig – füge eine beliebige OpenAI-kompatible base_url und einen Key ein, deine Tokens gehen direkt an den Anbieter
Apache-2.0, keine Anmeldung, läuft mit pnpm tools-dev

Das mentale Modell: Claude Design ist ein Produkt. Open Design ist eine Schicht.

Drei schwarze facettierte Polyeder auf einer abgemessenen Grundlinie, nur eines in einen Halterungsrahmen eingesetzt, während die anderen lose liegen, auf einer warmen, redaktionellen Studienplatte — Claude Design legt das Modell fest. Der offene Weg lässt dich das mitbringen, für das du ohnehin schon bezahlst.

Im direkten Vergleich

	Claude Design	Open Design
Lizenz	Proprietär	Apache-2.0
Laufzeitumgebung	Gehostet (Anthropic)	Lokaler Daemon (`pnpm tools-dev`) + optionales Vercel-Deployment
Modelle	Nur Claude	Jeder OpenAI-kompatible Endpunkt + 16 erkannte CLIs
Skills	Intern	123 forkbare `SKILL.md`-Ordner
Designsysteme	Markeneinrichtung pro Projekt	148 portable `DESIGN.md`-Dateien
Codebasis-Kontext	GitHub-Import + lokal	Auf Skill-Ebene, echtes Arbeitsverzeichnis
Preisgestaltung	20 $ / 100 $ / 200 $ / Enterprise	Kostenlos; du zahlst deinen Modellanbieter direkt
Übergabe	Claude Code (in-app)	Jeder Agent im `$PATH`, plus HTML- / PDF- / PPTX- / ZIP-Exporte
Selbst hostbar	Nein	Ja (Laptop oder Vercel)
Datenpfad	Prompts → Anthropic	Prompts → dein gewählter Anbieter; nichts durch uns

Die ehrliche Zusammenfassung: Claude Design bietet die ausgefeilteste Einzelprodukt-Erfahrung. Open Design tauscht die ausgefeilte Einzelprodukt-Oberfläche gegen eine Bibliothek – mehr Skills, mehr Systeme, mehr Agenten, darauf ausgelegt, sich mit dem Agenten zu kombinieren, der bereits auf deinem Laptop ist.

Drei dünne schwarze Platten mit sichtbaren Lücken übereinandergestapelt wie ein Schichtstapel in isometrischer Darstellung, Maßstriche markieren die Lücken, ein Olivenblatt obenauf, auf einer warmen, redaktionellen Studienplatte — Ein Produkt und eine Schicht – Open Design sitzt zwischen deinem Agenten und der Designarbeit.

Wer was wählen sollte

Wenn du … bist	Wähle
Eine Solo-PM in einem Unternehmen, das bereits auf Claude Pro ist und vor dem Mittagessen einen Prototyp braucht	Claude Design. Die 20 $/Monat sind versenkt; die Oberfläche ist wirklich schnell.
Ein Enterprise-Designteam, bei dem Anthropic die Beschaffung bereits durchlaufen hat	Claude Design. Du hast die Integrationskosten einmal bezahlt; nutze sie.
Eine Solo-Designerin, die „Claude Design, aber kostenlos“ will	Open Design. Kostenlos, und du besitzt den Workflow, statt ihn zu mieten – richte ihn auf ein Modell aus, für das du ohnehin schon bezahlst, und das erste Deck dauert etwa zehn Minuten.
Ein Design-Engineer, der bereits Claude Code, Codex oder Cursor vom Terminal aus steuert	Open Design. Dein Agent ist die Design-Engine; die Skill-Schicht ergänzt Geschmack und Struktur ohne eine neue App.
Jeder, der BYOK, Modellwahl mitten im Projekt oder rein lokales Arbeiten für sensible Briefings braucht	Open Design. Die Realität ist rauer als das Marketing, aber der Vertrag ist der einzige, der tatsächlich hält.
Ein Open-Source-Beitragender, der einen neuen Design-Skill ausliefern will, den das Projekt übernehmen kann	Open Design. Leg einen Ordner ab, starte den Daemon neu, schick den PR.
Ein Team, das sich auf ein portables Designsystem standardisiert, das den Tool-Wechsel überdauert	Open Design. `DESIGN.md`-Dateien überleben das Tool, das sie liest.

Die Dimension, die es für die meisten Teams entscheidet, ist nicht die Qualität. Es ist die Frage, ob du den Workflow lieber mieten oder besitzen möchtest.

Was als Nächstes zu tun ist

Wenn du erleben willst, wie es sich anfühlt, den Workflow zu besitzen, bevor du ein Pro-Abonnement ausgibst, führe den Drei-Befehle-Schnellstart aus und richte ihn auf das Modell aus, für das du ohnehin schon bezahlst. Das Ganze lebt in einem einzigen Repo, und das erste Deck dauert etwa zehn Minuten.

Probier den Open-Source-Workflow aus.

Weiterführende Lektüre

Warum wir Open Design als Skill-Schicht gebaut haben, nicht als Produkt – das längere Manifest hinter der „Schicht, nicht Produkt“-Wette
BYOK-Design-Workflow – Claude, Codex oder Qwen mit deinem eigenen Key betreiben – die Kostenrechnung hinter der Wahl deines eigenen Modells
BYOK-Realitätscheck – fünf Dinge, die kaputtgehen – was der offene Weg heute tatsächlich kaputt macht und die Workarounds dazu