Codex Design vs. Google Stitch.

Google Stitch und Codex Design legen beide KI-generierte Screens auf ein Canvas. Der Unterschied liegt darin, wo dieses Canvas lebt: Stitch ist ein eigenständiges Design-Tool von Google Labs, Codex Design ergänzt dagegen Codex, den Coding-Agenten, der das Ergebnis anschließend baut, um ein Canvas.

Aktualisiert am 6. November 2026 · 6 Min. Lesezeit

Die kurze Antwort

Beide eignen sich gut, um UI mit KI zu erkunden. Stitch ist der leichtere Einstieg, wenn du keinen Coding-Agenten nutzt: Browser-Tab öffnen und einen Screen beschreiben. Codex Design ergibt mehr Sinn, wenn du ohnehin mit Codex baust, denn die Designs liegen neben deinem Code, und dieselbe Unterhaltung führt direkt weiter zur Umsetzung.

Wähle Google Stitch, wenn du ohne Einrichtung im Browser gestalten willst, Ideen gern per Sprache durchsprichst oder in Google AI Studio oder Antigravity weitermachen möchtest.
Wähle Codex Design, wenn du schon Codex nutzt und jedes Design als Live-HTML-Seite auf deinem eigenen Rechner haben willst, visuell und im Gespräch verfeinert und anschließend vom selben Agenten gebaut.

Was die beiden Tools sind

Google Stitch ist ein Design-Tool von Google Labs. Google nennt es einen „AI-native software design canvas“. Du beschreibst eine Oberfläche per Text, Sprache oder Bildern, und der Design-Agent erzeugt High-Fidelity-Screens auf einem unendlichen Canvas. Du kannst Screens zu klickbaren Prototypen verknüpfen, deine Designregeln in einer DESIGN.md-Datei festhalten und deine Arbeit nach Google AI Studio und Antigravity exportieren oder mit Netlify veröffentlichen. Stitch hat außerdem einen MCP-Server und ein SDK, um es mit anderen Tools zu verbinden.

Codex Design ist unser unabhängiges Plugin für Codex. Es ergänzt ein lokales Canvas, auf dem Codex die Screens, die es gestaltet, als Live-HTML-Seiten ablegt, neben Mockup-Bildern und deinen Referenzen. Wähle ein Element aus, um Schrift, Farbe oder Abstände in einer Seitenleiste zu ändern, oder verfeinere weiter, indem du Codex darum bittest. Deine Canvas-Projekte liegen auf deinem Computer.

Im direkten Vergleich

	Google Stitch	Codex Design
Was es erzeugt	High-Fidelity-UI-Designs und klickbare Prototypen	Website- und App-Mockups als Live-HTML-Seiten, dazu Mockup-Bilder
Wo es läuft	Im Browser unter stitch.withgoogle.com	In Codex, mit dem Canvas auf deinem Computer (macOS und Linux)
Ausgabe und Code	Front-End-Code, Designs zum Einfügen in Figma, DESIGN.md; Export nach AI Studio und Antigravity, Veröffentlichung mit Netlify	HTML-Seiten und Bilder in einem lokalen Projekt; Codex kann das gewählte Design anschließend in deinem Code bauen
Preise	Google veröffentlicht keine Preise für Stitch	Kostenlos für ein Canvas-Projekt; Pro kostet $5 pro Monat für unbegrenzt viele Projekte. Die Codex-Nutzung wird separat gerechnet
Ideal für	Schnell UI-Ideen erkunden, ohne Coding-Setup, besonders wenn du mit Googles Tools arbeitest	Codex-Nutzer, die UI-Richtungen vor dem Bauen vergleichen und verfeinern wollen

Beide Produkte ändern sich schnell. Dieser Vergleich gibt den Stand der offiziellen Websites und Dokumentationen vom 6. November 2026 wieder.

Wann Google Stitch die bessere Wahl ist

Stitch passt in diesen Fällen besser:

Du nutzt keinen Coding-Agenten. Stitch läuft in einem Browser-Tab. Codex Design braucht Codex mit Plugin-Unterstützung, die Codex CLI und Node.js auf deinem Computer.
Du denkst laut. Du kannst mit dem Stitch-Canvas sprechen, Design-Feedback bekommen und Änderungen live vornehmen.
Du willst schnell einen klickbaren Prototyp. Stitch verknüpft Screens zu einem Flow, den du durchspielen kannst, und kann die nächsten sinnvollen Screens für dich erzeugen.
Du arbeitest im Google-Ökosystem. Designs lassen sich nach Google AI Studio und Antigravity exportieren, und die Veröffentlichung über Netlify bringt sie ins Web.
Du willst von einer bestehenden Website ausgehen. Stitch kann aus jeder URL ein Designsystem extrahieren.

Wann Codex Design die bessere Wahl ist

Du baust schon mit Codex. Das Canvas sitzt in dem Agenten, der deinen Code schreibt, also gibt es keinen Exportschritt zwischen Design und Umsetzung. Bitte Codex in derselben Unterhaltung, die gewählte Richtung umzusetzen.
Du willst HTML, keine Bilder einer UI. Jeder Screen ist eine Live-HTML-Seite mit Element-Inspektor und Versionsverlauf der Seite.
Du vergleichst Richtungen mit Referenzen. Lege Mockup-Bilder, die Codex generiert, und deine eigenen Referenzen neben die HTML-Screens.
Du willst deine Arbeit auf deinem eigenen Rechner behalten. Canvas-Projekte liegen lokal. Codex verarbeitet trotzdem alles, was du ihm als Kontext gibst.
Du willst einen einfachen Preis. Es gibt keinen separaten API-Schlüssel und kein Token-Guthaben. Ein Canvas-Projekt ist kostenlos, Pro kostet $5 pro Monat für unbegrenzt viele Projekte. Der Codex-Zugang und die Limits deines Plans gelten weiterhin.

Beide zusammen nutzen

Stitch und Codex teilen sich ein Format fürs Designsystem. DESIGN.md hat in Stitch angefangen, und Codex liest eine DESIGN.md-Datei, wenn du darauf verweist. Exportiere die Datei aus einem Stitch-Projekt und lege sie in dein Repository, dann folgen die Screens, die Codex auf dem Canvas gestaltet, denselben Farben, Schriften und Abständen. Siehe DESIGN.md für Codex.

Häufige Fragen

Ist Codex Design eine Google-Stitch-Alternative?

Ja, wenn du Codex nutzt. Beide erzeugen aus einer Beschreibung UI auf einem Canvas. Stitch ist ein eigenständiges Tool in deinem Browser; Codex Design ergänzt Codex um das Canvas, sodass Design und Code an einem Ort bleiben. Wenn du Codex nicht nutzt, ist Stitch die direktere Option.

Kann ich eine DESIGN.md aus Stitch mit Codex nutzen?

Ja. DESIGN.md ist ein offenes Format von Google Labs, das Stitch exportiert und importiert. Leg die Datei in dein Projekt und bitte Codex, ihr zu folgen. Die DESIGN.md-Anleitung erklärt Format und Einrichtung.

Kostet Codex Design zusätzlich zu Codex?

Codex Design ist für ein Canvas-Projekt kostenlos, Pro kostet $5 pro Monat für unbegrenzt viele Projekte. Die Modellnutzung ist nicht enthalten: Was Codex generiert, zählt wie gewohnt auf deinen Codex-Plan. Siehe Preise.