← Leitfäden Vorschau: Von Claude Design zu Open Design wechseln — das unbegrenzte Setup
Leitfäden

Von Claude Design zu Open Design wechseln — das unbegrenzte Setup

Ein Migrations-Playbook, um die wöchentlichen Limits von Claude Design hinter sich zu lassen — Open Design installieren, das Claude-Design-ZIP importieren, mit jedem beliebigen Modell bauen, das Modell mitten im Projekt wechseln, KI-Bilder ergänzen und deployen. Inklusive der ehrlichen Einschätzung, wann sich ein Wechsel lohnt. Basierend auf der praxisnahen Anleitung von Jack Roberts.

Jack Roberts 1. Mai 2026 15:53 YouTube ↗

Dieser Leitfaden ist ein Migrations-Playbook für alle, die an die brutalen wöchentlichen Limits von Claude Design stoßen: Open Design installieren, vorhandene Arbeit übernehmen, mit jedem gewünschten Modell bauen, das Modell mitten im Projekt wechseln, KI-Bilder ergänzen und deployen — alles lokal. Er folgt der durchgängigen Migration, die Jack Roberts in seiner praxisnahen Anleitung durchführt, neu geschrieben und auf den Stand des aktuellen Release gebracht. Sieh dir das Video oben für den Live-Durchlauf an oder lies weiter für die schriftliche Fassung.

Der Open-Design-Arbeitsbereich — das, was dich nach der Installation erwartet. Der Open-Design-Arbeitsbereich — Prototypen, Foliendecks, Bilder und Videos auf einer ruhigen, vertrauten Leinwand.

Warum überhaupt migrieren?

Jacks Argument ist unmissverständlich: Claude Design ist wirklich gut, aber die Limits bremsen dich komplett aus. Du bist an ein einziges Modell gebunden (Opus 4.7), auf rund ein paar nennenswerte Designs pro Woche begrenzt und zahlst 20–200 $/Monat zusätzlich zu dem, was du ohnehin schon fürs Programmieren ausgibst. Sobald du ein günstigeres Modell, ein anderes Modell oder Design in großem Maßstab willst, wirst du ausgebremst.

Open Design reißt diese Mauern ein:

  • Jedes gewünschte Modell — und du kannst mitten im Projekt wechseln.
  • Kein wöchentliches Limit — die Generierung läuft über den Agent und die Anbieter, die du ohnehin nutzt.
  • Apache-2.0 — kommerziell unbedenklich für Kundenarbeit, anders als Klon-Repos mit restriktiven Lizenzen.
  • Local-First — nichts wird hochgeladen; deine Projekte bleiben auf deinem Rechner.

Dieser Lizenzpunkt zählt mehr, als er klingt: Jack betont, dass mehrere „Claude-Design-Klone“ in Kundenprojekten gar nicht eingesetzt werden dürfen. Apache-2.0 bedeutet, dass du damit erstellte bezahlte Arbeit ausliefern darfst — keine Lizenzgebühren, keine Genehmigung nötig.

Schritt 1 — Open Design installieren

Drei Wege hinein:

WegAm besten fürVoraussetzungen
Desktop-AppDie meisten — ohne KonfigurationKeine. Einfach herunterladen und öffnen.
Aus dem Quellcode ausführenEntwickler, die den Code lesen oder anpassen wollenNode ~24, pnpm 10.33.x
In deinen Agent integrierenMenschen, die im Terminal lebenEine vorhandene Coding-Agent-CLI

Der einfachste Weg ist die Desktop-App von open-design.ai/download — sie erkennt deine installierten Agent-CLIs automatisch. Im Video geht Jack den Entwicklerweg, indem er das Repo an seinen Agent übergibt und ihn klonen und ausführen lässt:

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

Es öffnet seine eigene lokale Web-App — deinen eigenen, lokal gehosteten, Claude-Design-ähnlichen Arbeitsbereich — unter der dynamischen URL, die es ausgibt (den Port nicht fest einprogrammieren).

Schritt 2 — Deine Claude-Design-Arbeit mitnehmen

Der Migrationsschritt, den sich die meisten am meisten wünschen: dein Claude-Design-Projekt importieren. Wenn du ein Designsystem oder Projekt in Claude Design erstellt hast, kannst du es direkt übernehmen — öffne es dort, lade das Projekt als ZIP herunter und importiere dieses ZIP dann in Open Design. Deine Tokens und Komponenten kommen mit, sodass du nicht von Grund auf neu bauen musst.

Die integrierte Designsystem-Bibliothek — echte Marken als Ausgangspunkt. Die Designsystem-Bibliothek: Jeder Eintrag zerlegt eine echte Marke in Farbpalette, Typografie, Komponenten und visuelle Atmosphäre, die du wiederverwenden kannst.

Außerdem erbst du eine umfangreiche integrierte Designsystem-Bibliothek — Airbnb, Apple, Nike, PlayStation und viele mehr —, sodass du selbst ohne irgendetwas zu importieren eine Marke auswählen kannst und der Agent ihre Tonalität, Typografie, Farbpalette und Layoutsprache übernimmt.

Schritt 3 — Mit dem Modell deiner Wahl bauen

Beim ersten Start zeigt Open Design die bereits auf deinem Rechner installierten Agents an. Jack wählt Claude Code, benennt ein Projekt („analytics“), entscheidet sich für hohe Detailtreue und schreibt ein Briefing für ein Dashboard im Stripe-Stil. Open Design stellt seine klärenden Fragen — Oberfläche, primäre Zielgruppe, Tonalität, Umfang, Akzentfarbe — arbeitet sich dann durch eine To-do-Liste und liefert ein interaktives Dashboard in einem Durchgang. Eine zweite Feedback-Runde macht es produktionsreif.

Die Vorlagenbibliothek — Ausgangspunkte für Prototyp, Folie, Bild und Video. Die Vorlagenbibliothek: Ausgangspunkte für Prototyp, Folie, Bild und Video, die du nach Typ filtern und zum Loslegen forken kannst.

Schritt 4 — Das Modell mitten im Projekt wechseln

Das ist Jacks Lieblingsmanöver und genau das, was Claude Design nicht kann. Öffne mitten im Projekt den Modellwechsler (unten links), wechsle von Claude Code zu Codex (oder ChatGPT, Gemini, was auch immer du verbunden hast) und speichere. Deine nächste Nachricht — „glätte den Live-Event-Stream, er wirkt ruckelig“ — wird nun vom neuen Modell bearbeitet, im selben Projekt, mit demselben Kontext.

Sein Profi-Tipp: Nimm Opus, um das ursprüngliche Design festzulegen, und wechsle dann zu günstigeren Modellen, um zu iterieren und zu skalieren. Es ist für ein Modell viel einfacher, mehr vom Gleichen zu erzeugen, als einen Look von Grund auf zu entwickeln — lass also das stärkste Modell die Architektur setzen und die günstigeren die Masse erledigen.

Schritt 5 — KI-Bilder ergänzen und deployen

Hinterlege in den Einstellungen einen Schlüssel für einen Medienanbieter (zum Beispiel OpenAI für GPT Image), und du kannst direkt im Verlauf nach generierten Bildern fragen — „füge in einem der Kästchen ein Bild eines Investment-Sparschweins im Ghibli-Stil ein“ — und es landet direkt im Design, samt Verläufen. Diese eingebettete Generierung bietet dir ein reiner Design-Klon nicht.

Wenn du fertig bist, gibt dir Teilen das vollständige Export-Menü: eigenständiges HTML, PowerPoint, PDF, ZIP, als Vorlage speichern — oder direkt zu Vercel deployen mit deinem Token. Lade es als ZIP herunter, und du kannst es auch in Codex, Claude oder dem Editor deiner Wahl wieder öffnen.

Wann du wechseln solltest (und wann nicht)

Jack ist ehrlich, was die Passung angeht. Wechsle zu Open Design, wenn du eine Agentur oder Freelancer bist und kommerziell unbedenkliche Ergebnisse brauchst, ein Multi-Modell-Anwender, der ohnehin schon für Claude Code / Codex / Cursor zahlt, oder wenn du das wöchentliche Limit von Claude Design aufbrauchst und einfach mehr Designs willst. Bleib vorerst bei Claude Design, wenn du in all das ganz neu bist und innerhalb seiner Limits zufrieden bist.

Ein Vorbehalt: Open Design ist ein junges, sich schnell entwickelndes Projekt, also rechne mit gelegentlichen Ecken und Kanten und sei etwas nachsichtig — es verbessert sich rasch.

Tipps

  • Importiere zuerst dein Claude-Design-ZIP — bau kein System neu, das du schon hast.
  • Lege den Look mit Opus fest, dann wechsle zu günstigeren Modellen, um zu iterieren und zu skalieren.
  • Hinterlege einen Medienschlüssel, um eingebettete KI-Bilder zu erhalten — ein echtes Upgrade gegenüber einem statischen Design-Tool.
  • Nutze eine lokale CLI, damit die Generierung über ein Abo läuft, das du ohnehin schon bezahlst, statt über Gebühren pro Aufruf.
  • Exportiere früh (HTML/ZIP/Vercel), um vor der Übergabe zu validieren.

FAQ

Werden meine Claude-Design-Projekte übertragen? Ja. Lade dein Projekt als ZIP aus Claude Design herunter und importiere dieses ZIP in Open Design — Tokens und Komponenten kommen mit.

Kann ich wirklich jedes Modell nutzen? Ja — wähle aus den auf deinem Rechner installierten Agents (Claude Code, Codex, Gemini, Cursor, OpenCode und mehr), wechsle mitten im Projekt zwischen ihnen oder bring deinen eigenen API-Schlüssel mit.

Ist es für Kundenarbeit unbedenklich? Ja. Open Design steht unter Apache-2.0, sodass du es kommerziell ohne Lizenzgebühren oder Genehmigung nutzen kannst — anders als manche restriktiv lizenzierten Klone.

Ist es kostenlos? Die App ist Open Source unter Apache-2.0 und kostenlos lokal ausführbar. Du zahlst nur für die Modell- und Mediennutzung des jeweiligen Agents und der Anbieter, die du verbindest — und genau so entkommst du dem festen monatlichen Limit.


Dieser schriftliche Leitfaden basiert auf der praxisnahen Anleitung von Jack Roberts. Sieh dir das vollständige Video oben an und abonniere Jack Roberts für mehr praktische KI-Build-Analysen.