Du hast eine App-Idee im Kopf. Einen Login-Screen, ein Dashboard, eine Produktseite. Aber zwischen der Idee und etwas, das du zeigen kannst, klafft ein Abgrund: Figma öffnen, dich mit Frames herumschlagen, Kästen ausrichten, Farben wählen. Stunden. Und wenn du kein Designer bist, nicht mal das.
Google Stitch setzt genau an dieser Lücke an: Du beschreibst den Screen und es zeichnet ihn dir. In wenigen Minuten hast du eine Oberfläche, die du in Code oder nach Figma exportieren kannst. Klingt nach Demo-Magie, also schauen wir uns an, was es wirklich kann und wo es zu kurz greift, ohne Nebelkerzen.
Hinweis
Stitch lebt in Google Labs, in der experimentellen Phase. Das bedeutet zweierlei: Es ist gerade kostenlos, und Funktionen wie Limits können sich von Monat zu Monat ändern. Was hier steht, ist die Momentaufnahme von Mitte 2026.
Was Google Stitch ist und welches Problem es löst
Google Stitch ist ein Tool für Oberflächendesign (UI) mit KI, veröffentlicht von Google Labs. Die Idee passt in eine Zeile: Du gibst ihm eine Beschreibung in natürlicher Sprache —oder ein Bild— und es liefert dir das Design eines App- oder Web-Screens zurück, bereit zum Weiterarbeiten und Exportieren.
Es ist kein Experiment von null. Stitch entsteht aus Galileo AI, einem Projekt zur KI-Generierung von UI, das Google übernommen und in Labs integriert hat, dabei umbenannt. Darunter nutzt es keine eigene Magie: Es orchestriert die Gemini-2.5-Modelle (Flash für Tempo, Pro für Qualität), dieselben, die den Rest des Google-Ökosystems antreiben.
Das Problem, das es löst, ist der Start. Der teuerste Teil jedes Designs ist nicht das Feinschleifen, sondern das leere Blatt vor sich zu haben. Stitch nimmt dir diesen ersten Anstoß ab: Statt bei null anzufangen, beginnst du, etwas zu bearbeiten, das schon existiert. Für einen Designer ist das Tempo; für einen Nicht-Designer ist es schlicht der Unterschied zwischen einem Mockup und keinem.
Im Lauf von 2026 ist es über das „Text zu einem Screen" hinausgegangen und hat sich in eine KI-native Design-Leinwand verwandelt: Du kannst mehrere verbundene Screens auf einmal generieren, Bilder und Text auf der Leinwand hinzufügen und mit einem Agenten arbeiten, der Komponenten rendert, während du beschreibst, was du willst. Die Richtung ist klar: mit Figma auf Augenhöhe in der Ideenphase konkurrieren.
Wie man es benutzt
Der Einstieg ist direkt. Du gehst auf stitch.withgoogle.com, meldest dich mit deinem Google-Konto an und bist schon drin. Keine Installation, kein ewiges Onboarding. Von da aus drei Wege.
Text zu UI
Die Königsdisziplin. Du schreibst, welchen Screen du willst, mit so viel Detail, wie dir passt, und Stitch generiert das Design. Je konkreter du bist —App-Typ, Bereiche, visueller Ton, Plattform—, desto besser wird es. Hier ein Beispiel für den Detailgrad, der sich lohnt:
Entwirf den Hauptbildschirm einer mobilen App für persönliche Finanzen.
Stil: dunkel, tech, aufgeräumt, mit mintgrünen Akzenten.
Enthalte: den Gesamtsaldo oben groß, eine Reihe horizontaler
Karten mit den Konten, ein Diagramm der Monatsausgaben und eine
Liste der letzten 5 Transaktionen mit Icon, Name und Betrag.
Untere Navigationsleiste mit 4 Icons: Start, Karten,
Statistiken und Einstellungen. Serifenlose Typografie, abgerundete Ecken.Der Standard-Modus (Gemini 2.5 Flash) priorisiert Tempo: ideal, um schnell zu iterieren und Varianten durchzuspielen. Der Pro-/Experimentell-Modus (Gemini 2.5 Pro) ist langsamer, versteht aber Nuancen und visuelle Referenzen besser, also hebst du ihn dir für mehr Detailtreue auf.
Bild oder Skizze zu UI
Nicht alles ist Text. Du kannst ein Referenzbild hochladen —ein handgezeichnetes Wireframe, einen Screenshot einer anderen App, die dir gefällt, ein halbfertiges Mockup— und Stitch nutzt es als Basis, um die Oberfläche zu generieren. Das ist der schnelle Weg, wenn du es „im Kopf hast", es aber schwer in Worte fasst: Du zeichnest es grob und lässt die KI daraus etwas Vorzeigbares machen. Der Experimentell-Modus mit Gemini 2.5 Pro nutzt diese visuelle Eingabe am besten.
Nach Figma und in Code exportieren
Hier hört Stitch auf, ein Spielzeug zu sein, und wird in einem echten Workflow nützlich. Du hast zwei Ausgaben:
- HTML/CSS-Code: Es generiert das semantische Markup des Designs mit Tailwind-Klassen. Ein Dev nimmt es und integriert es, ohne das Mockup von Hand nachbauen zu müssen. Es ist kein produktionsreifer Code zum Deployen, aber ein solider Startpunkt und viel schneller, als von einem PNG auszugehen.
- Figma: Im Standard-Modus kannst du das Design kopieren und direkt in eine Figma-Datei einfügen. Das verbindet Stitch mit dem Ort, an dem die meisten Teams wirklich feinschleifen: Du generierst den Entwurf in Sekunden und verfeinerst ihn dort, wo du zu arbeiten weißt.
Tipp
Praktischer Ablauf: Nutze Standard, um 4 oder 5 schnelle Varianten eines Screens abzufeuern, behalte die, die dich am meisten überzeugt, bring sie zum Feinschliff nach Figma und heb dir den Code-Export auf, bis das Design steht. Pro-Generierungen in der Explorationsphase zu verbrennen, heißt das gute Kontingent zu verschwenden.
Preis und Zugang
Der leicht zusammenzufassende Teil: gerade ist es kostenlos. Solange Stitch als Experiment innerhalb von Google Labs bleibt, gibt es weder Bezahlplan noch Abo. Du brauchst nur ein Google-Konto und gehst auf stitch.withgoogle.com.
Was es sehr wohl gibt, sind Generierungslimits pro Monat, die vom Modus abhängen:
- Standard (Gemini 2.5 Flash) — rund 350 Generierungen pro Monat. Das ist das großzügige Kontingent, gedacht zum stressfreien Iterieren.
- Pro / Experimentell (Gemini 2.5 Pro) — ein deutlich niedrigeres Limit (in der Größenordnung von einigen Dutzend pro Monat). Das ist der Qualitätsmodus, also hebt man ihn sich für das auf, was zählt.
Diese Zahlen können sich bewegen: Da es ein Produkt in Labs ist, passt Google die Limits an, wie es ihm passt. Das zu beachtende Signal ist, dass Bezahlpläne gegen Ende 2026 erwartet werden, wenn Stitch die experimentelle Phase verlässt. Es gibt keine offiziellen Preise, jede Zahl, die du irgendwo siehst, ist also Spekulation. Blackdark-Regel: Zahl nicht für Gerüchte; nutz aus, dass es jetzt gratis ist, und entscheide, wenn sie einen echten Preis festlegen.
Das Gute und das Schlechte, ungeschönt
Vorteile
- Von der Idee zum Mockup in Minuten: killt das leere Blatt, das ist der teure Teil.
- Echte doppelte Ausgabe: HTML/CSS-Code mit Tailwind und direktes Einfügen in Figma.
- Akzeptiert Text und auch Bild/Skizze als Startpunkt.
- Gratis, solange es in Labs ist; du brauchst nur ein Google-Konto, nichts zu installieren.
- Generiert mehrere verbundene Screens und arbeitet wie eine Leinwand, nicht nur ein einzelnes Bild.
Nachteile
- Es ist kein produktionsreifes Design: Es ist ein Entwurf, den man feinschleifen muss.
- Die Generierungslimits (vor allem in Pro) sind schnell zu knapp, wenn du es ernsthaft nutzt.
- Da es in Labs ist, können Funktionen und Kontingente ohne Vorwarnung wechseln.
- Der exportierte Code ist ein Startpunkt, nichts, das du so wie es ist deployst.
- Es ersetzt kein Design-Urteil: Es gibt dir Optionen, keine Entscheidungen.
Stitch gegen die Alternativen
Stitch spielt nicht allein. Es lohnt sich zu wissen, gegen wen es antritt und wie es sich unterscheidet, denn jedes Tool löst einen anderen Teil des Problems.
- v0 (von Vercel) — stärker auf Code als aufs Design ausgerichtet. v0 generiert funktionsfähige React/Tailwind-Komponenten, die du fast so wie sie sind deployen kannst, ideal, wenn du Dev bist und deine Ausgabe Code ist. Stitch steht einen Schritt davor: Es priorisiert das visuelle Design und den Export nach Figma, gedacht für Designer wie für Devs. Willst du eine funktionierende App, dann v0; willst du den Screen sauber gelöst, um ihn danach zu bauen, dann Stitch.
- Figma AI — das sind die KI-Funktionen innerhalb von Figma selbst (Generierung erster Versionen, Auto-Füllen usw.). Der Unterschied ist philosophisch: Figma AI lebt im Editor, in dem du schon arbeitest, während Stitch die Eingangstür ist, die den Entwurf generiert, den du danach nach Figma bringst. Es sind keine reinen Rivalen; sie ergänzen sich sogar.
- Uizard — der direkteste Konkurrent bei „Skizze/Text zu UI". Uizard ist länger dabei und hat einen ausgereiften Ablauf für Wireframes und navigierbare Prototypen. Stitch kommt mit dem Trumpf Gemini gratis und der Integration ins Google-Ökosystem. Wenn du schon Uizard zahlst und es dir passt, zwingt dich Stitch nicht zum Wechsel; wenn du bei null startest, wiegt das Gratis-Argument schwer.
Das ehrliche Fazit: Keine davon, Stitch eingeschlossen, liefert dir ein fertiges Produkt. Alle schieben den Ball von „leere Seite" bis „etwas Konkretes, über das man entscheiden kann". Das ist die Kategorie, und da sticht Stitch durch gratis und schnell hervor.
Für wen ist Google Stitch?
Es ist kein Tool für alle gleichermaßen; es passt unterschiedlich, je nachdem, woher du kommst.
Es interessiert dich, wenn: du Designer bist und Varianten in Höchstgeschwindigkeit prototypen willst, bevor du ans Feinschleifen gehst; du Dev bist und einen Startpunkt in HTML/CSS brauchst, um das Mockup nicht von Hand zu bauen; oder —der stärkste Fall— du Nicht-Designer bist (Gründer, Marketer, Maker) und eine Idee in etwas Visuelles verwandeln musst, das du einem Kunden, einem Partner oder einem Dev zeigst, ohne Figma zu beherrschen.
Es interessiert dich nicht, wenn: du ein kohärentes, barrierefreies und produktionsreifes Designsystem brauchst —das bleibt die Arbeit einer Designerin mit Urteilsvermögen— oder wenn du schon einen festen Ablauf in Figma mit deinem Team hast und ein weiteres Tool nur Lärm hinzufügt.
Die ehrliche Frage ist nicht „Ersetzt Stitch meine Designerin?", denn das tut es nicht und will es nicht. Die Frage ist „Wie viel ist es mir wert, von der Idee zu einem visuellen Entwurf in Minuten statt in Stunden zu kommen?". Wenn du allein arbeitest, Ideen schnell validierst oder das leere Blatt einfach hasst, lautet die Antwort „ziemlich viel". Stitch designt nicht für dich; es nimmt dir den langweiligen Teil ab, damit du gleich mit etwas in den Händen startest.