Open Design installieren — Kostenloses KI-Design-Tool (Alternative zu Claude Design)
Basierend auf dem Installations-Walkthrough von AI Unlocked richtest du Open Design in vier schnellen Schritten ein — lade die kostenlose Desktop-App herunter, verbinde den Coding-Agenten, den du bereits hast, als Design-Engine, behalte das Standardmodell bei und sperre die Datenschutzeinstellungen. Kein kostenpflichtiges Abo nötig.
Diese Anleitung installiert Open Design ohne kostenpflichtiges gehostetes Abo — sie macht den Coding-Agenten-CLI, den du bereits hast, zur Design-Engine der App. Sie folgt den vier Schritten, die AI Unlocked in seinem Installationsvideo zeigt, hier so aufbereitet, dass du Klick für Klick folgen kannst. Sieh dir das Video oben für den kompletten Ablauf an oder lies weiter für die Textversion.
Der Open-Design-Workspace, nachdem er installiert und mit einem lokalen Coding-Agenten verbunden wurde — kein Cloud-Abo nötig.
Was ist Open Design?
- Open Source, Apache-2.0 — schau dir den Code an, hoste ihn selbst, oder lade einfach die fertig gepackte App herunter.
- Local-first — die App und deine Projekte laufen auf deinem eigenen Rechner.
- Bring your own agent, bring your own key — sie läuft auf dem Coding-Agenten-CLI (und Modell), das du bereits installiert hast, statt dir ein separates KI-Abo zu verkaufen.
- Mehr als Prototypen — über UI-Mockups hinaus baut derselbe Workspace auch Foliensätze, Bilder und Videos.
Schritt 1 — Die App herunterladen
Geh zur GitHub-Seite von Open Design und öffne den Bereich Releases, oder besuche direkt open-design.ai für einen direkten Download-Link. Hol dir den Build für deinen Rechner — auf einem Mac mit Apple Silicon ist das der macOS-arm64-Build. Lade die Datei herunter, öffne sie, und ziehe das Open-Design-Symbol in deinen Programme-Ordner. Sie installiert sich wie jede andere Desktop-App; dieser Weg erfordert weder Kompilieren noch ein Terminal.
Schritt 2 — Deinen Coding-Agenten verbinden
Öffne die App. Überspringe auf dem Anmeldebildschirm den kostenpflichtigen Cloud-Button und klicke stattdessen auf den kleineren Link darunter — local coding agent. Open Design scannt deinen Rechner nach bereits installierten CLIs wie Claude Code, Codex oder Cursor. Wähle den aus, der die Generierung übernehmen soll, und klicke auf weiter. Damit ist die Engine verbunden, ohne dass du extra zahlst — du nutzt einfach den Agentenzugang, den du bereits hast.
Schritt 3 — Dein Modell wählen
Lass die Modell-Box auf default CLI config stehen. Das weist Open Design an, das Modell zu übernehmen, das dein verbundener Coding-Agent gerade konfiguriert hat — normalerweise sein neuestes — statt eines der älteren Modelle im Dropdown zu wählen, die nur Fallback-Optionen sind.
Schritt 4 — Deine Privatsphäre absichern
Geh zu Settings → Privacy. Du siehst zwei standardmäßig aktivierte Schalter, von denen einer deine tatsächlichen Projektdaten nach außen teilt. Schalte beide aus und klicke dann auf delete my data, um bereits gesammelte Daten zu löschen. Open Design funktioniert danach genau gleich weiter — die Schalter steuern nur, was deinen Rechner verlässt, nicht was die App kann.
Den Workspace erkunden
Sobald du verbunden bist, lassen zwei Bibliotheken die leere Leinwand verschwinden:
Die Designsystem-Bibliothek — wähle die Tokens einer echten Marke, statt bei einer leeren Palette anzufangen.
- Designsysteme verpacken den Look einer Marke als Tokens — Farben, Typografie, Abstände —, auf denen du direkt aufbauen kannst.
- Templates decken Prototypen, Foliensätze sowie Bild- und Videogenerierung ab, sodass du einen Startpunkt forken kannst statt eines leeren Bildschirms.
Die Template-Bibliothek — Ausgangspunkte für Prototypen, Folien, Bilder und Videos, bereit zum Forken.
Beschreibe von hier aus, was du bauen möchtest, und lass deinen verbundenen Agenten die erste Version erzeugen.
FAQ
Ist Open Design kostenlos? Ja — es ist unter der Apache-2.0-Lizenz quelloffen und kostenlos lokal zu betreiben. Du zahlst nur für die Nutzung des Coding-Agenten und Modells, das du verbindest, und das hast du wahrscheinlich ohnehin schon.
Muss ich Claude Design oder ein anderes kostenpflichtiges Design-Tool kaufen, um das hier zu nutzen? Nein. Open Design läuft auf einem Coding-Agenten-CLI, das du bereits hast, etwa Claude Code, sodass es kein separates Design-Abo zu kaufen gibt.
Welche Coding-Agenten kann ich verbinden? Dieser Walkthrough erkennt Claude Code, Codex und Cursor, aber Open Design unterstützt eine viel längere Liste von Coding-Agenten-CLIs — welche davon bereits auf deinem Rechner installiert sind, werden angezeigt.
Warum werden während der Einrichtung Datenschutzeinstellungen abgefragt? Zwei Datenfreigabe-Schalter sind standardmäßig aktiviert, und einer davon sendet deine tatsächliche Arbeit nach außen. Schaltest du sie unter Settings → Privacy aus, bleibt alles lokal, ohne dass Funktionen deaktiviert werden.
Welches Modell sollte ich wählen? Lass es auf default CLI config, damit Open Design das Modell verwendet, das dein verbundener Coding-Agent gerade ausführt — normalerweise die leistungsfähigste Option, die dir zur Verfügung steht.
Diese schriftliche Anleitung basiert auf dem Installations-Walkthrough von AI Unlocked. Sieh dir das vollständige Video oben an und abonniere AI Unlocked für jeden Tag ein neues kostenloses KI-Tool.