Google Stitch Review (2026): Ist es kostenlos? Funktionen, Figma-Export, MCP und Alternativen22 min read

Google Stitch ist ein kostenloses KI-Designtool von Google Labs, das eine Textaufforderung, ein Bild oder eine Website-Referenz in hochauflösende UI-Bildschirme umwandelt, diese dann auf einer unendlichen Leinwand verfeinern und nach Figma, Code, Google AI Studio oder Antigravity exportieren lässt. Es begann im Mai 2025 als Prompt-to-UI-Experiment und wurde im März 2026 zu einem KI-nativen Design-Canvas. Dieser Test richtet sich an Designer, Produktmanager und Gründer, die wissen möchten, was Stitch gut macht, wo es aufhört und ob es Figma ersetzen kann.

Die Fakten spiegeln Googles eigene Ankündigungen, Google-Entwicklerdokumente und öffentliche Benutzerberichte mit Stand November 2026 wider. Stitch ist ein Google Labs-Produkt, daher ändern sich Funktionen und Einschränkungen häufig. Bestätigen Sie die aktuellen Details unter Stitch.withgoogle.com. Diese Überprüfung basiert auf offiziellem Material von Google und öffentlichen Nutzerberichten.

Unser Fazit in einer Zeile: Stitch ist die beste kostenlose Möglichkeit, UI-Richtungen schnell zu erkunden, und seine Verknüpfungen mit Google AI Studio und Antigravity sind für Entwickler wirklich nützlich. Es ist kein Figma-Ersatz. Die Ausgabe kann generisch wirken, Exporte nach Figma erfolgen oft als flache Struktur und Google veröffentlicht kein festes Free-Tier-Limit oder einen langfristigen Plan. Nachfolgend finden Sie die Funktionen, Einschränkungen, Figma- und Code-Export, MCP, eine Schritt-für-Schritt-Anleitung mit Beispielaufforderungen, was Benutzer sagen und die besten Alternativen, einschließlich Anima Playground.

Im Zeitalter der KI ist Design Code. Um mit KI direkt im Code zu entwerfen oder Ihre Figma-Designs in Code umzuwandeln, verwenden Sie Anima-Spielplatz: Beschreiben Sie einen Bildschirm oder beginnen Sie mit einem Figma-Design und iterieren Sie dann weiter mit einer bearbeitbaren App, die Sie in der Vorschau anzeigen und veröffentlichen können.

Google Stitch-Rezension: schnelles Urteil

Am besten zur kostenlosen Erkundung und für Entwickler im Google-Stack geeignet. Weniger geeignet für Teams, die native Figma-Komponenten, eine strenge Markenkontrolle oder ein garantiertes Langzeitprodukt benötigen.

Was ist Google Stitch?

Stitch ist ein Experiment von Google Labs, das Benutzeroberflächen aus natürlicher Sprache, Bildern und anderem Kontext generiert. Google erwarb Galileo AI im Mai 2025 und startete Stitch auf der Google I/O in diesem Monat, basierend auf Gemini 2.5. Galileo-Benutzer hatten 30 Tage Zeit für die Migration. Wenn Sie nach Galileo AI gesucht haben, ist dies das Produkt, das es ersetzt hat.

Zeitleiste dessen, was sich geändert hat

Google Stitch-Funktionen im Jahr 2026

Eingabeaufforderung, Bild, URL oder Sprache zur Benutzeroberfläche

Sie können damit beginnen, das Geschäftsziel, das gewünschte Gefühl oder eine Referenz zu erläutern, anstatt ein Drahtmodell zu zeichnen. Stitch akzeptiert auch Bilder, Text und Code als Kontext auf der Leinwand, und Sie können für Kritiken und Live-Änderungen mit der Leinwand sprechen. Das Eingabeaufforderungsfeld verfügt über einen App- und Web-Schalter und eine Modellauswahl, die in Googles eigenen Demos als Optionen wie 3 Flash und 3.1 Pro angezeigt werden.

Unendlicher Canvas, Design-Agent und Agent-Manager

Die Leinwand enthält Bildschirme, Referenzen und Ideen an einem Ort. Der Design-Agent argumentiert über das gesamte Projekt hinweg und der Agent-Manager verfolgt mehrere Erkundungen parallel. Auf der I/O 2026 hat Google Echtzeit-Streaming hinzugefügt, sodass Sie zusehen können, wie Stitch eine Seite erstellt, und diese steuern können, bevor sie fertig ist.

Designsysteme und DESIGN.md

Stitch kann ein Designsystem aus jeder URL extrahieren und verwendet DESIGN.md, eine Markdown-Datei mit Design-Tokens in YAML sowie schriftlichen Begründungen für Farben, Typ, Abstände und Komponenten. Sie können es exportieren, in ein anderes Stitch-Projekt importieren oder mit einem Codierungsagenten teilen. Google hat den Spezifikationsentwurf im April 2026 als Open-Source-Version bereitgestellt, damit andere Tools ihn verwenden können.

Sofortige Prototypen

Sie können Bildschirme miteinander verknüpfen und auf „Play“ klicken, um durch einen Flow zu klicken. Stitch kann auch mit einem Klick logische nächste Bildschirme generieren, die eine Reise schnell abbilden. Warum Abläufe und Prototypen in verschiedenen Phasen wichtig sind, erfahren Sie unter Wireframes vs. Prototypen.

Teilen, veröffentlichen und exportieren

Von der Leinwand aus können Sie über Google AI Studio einen gemeinsam nutzbaren Link erstellen, nach Google Antigravity exportieren, um Backend-Logik hinzuzufügen, oder mit Netlify im Web veröffentlichen. Googles eigenes Export-Panel in der I/O-Demo listet Google AI Studio, Google Antigravity via MCP und Figma auf.

Ist Google Stitch kostenlos? Preise und Limits

Ja. Stitch ist mit einem Google-Konto unter Stitch.withgoogle.com kostenlos und es gibt keinen kostenpflichtigen Plan. Es handelt sich um ein Google Labs-Produkt, das in vielen Ländern für Personen ab 18 Jahren verfügbar ist und daher möglicherweise nicht überall angeboten wird.

Der praktische Rat ist, im Schnellmodus zu erkunden, das Pro-Modell für Bildschirme zu speichern, die Sie versenden möchten, und fertige Arbeiten noch am selben Tag zu exportieren.

Google Stitch to Figma: So funktioniert der Export

Stitch unterstützt das Kopieren und Einfügen in Figma und Google zeigt Figma in seinem Exportfenster an. In der Praxis kommt es auf die Details an:

• Berichten im Google-Entwicklerforum und auf Reddit zufolge wird „Copy to Figma“ nicht für Designs angeboten, die im Thinking- oder Pro-Modus erstellt wurden, sodass Qualität und Figma-Export in entgegengesetzte Richtungen wirken können.
• Reddit-Benutzer beschreiben Importe, bei denen Text als Vektoren ankommt und Rahmen als Abstand innerhalb des automatischen Layouts verwendet werden, sodass ein Großteil des Ergebnisses neu erstellt werden muss.
• Eine übliche Problemumgehung besteht darin, den Stitch-Code herunterzuladen und ihn mit einem Plugin wie html.to.design in Figma zu importieren, was tendenziell einen originalgetreueren Import ermöglicht.

Der sinnvolle Arbeitsablauf besteht darin, die Iteration in Stitch abzuschließen, einmal zu exportieren und dann die richtigen Komponenten und Token in Figma neu zu erstellen. Bei jeder Neugenerierung wird die manuelle Bereinigung, die Sie bei einem früheren Export durchgeführt haben, ungültig. Wenn Sie einen Agenten in Figma suchen, der Ihre Komponenten bereits respektiert, schauen Sie sich Anima’s Buddy an oder Nodey des UX-Piloten.

Google Stitch-Code-Export und MCP

Stitch hat seit der Einführung Frontend-Code erstellt und Rezensionen beschreiben HTML mit Tailwind-Klassen, die Entwickler als Ausgangspunkt verwenden können. Behandeln Sie es als Gerüst: Eine große Komponente mit statischen Daten ist ein häufiges Ergebnis. Planen Sie daher die Aufteilung von Komponenten und Verbindungsstatus ein.

Der Stitch MCP-Server und das SDK sind die interessantere Entwicklergeschichte. Ein Coding-Agent wie Google Antigravity kann Ihr Projekt abrufen, die Design-Tokens und Bildschirme lesen und daraus erstellen. Googles eigenes Codelab führt Sie durch die Erstellung eines API-Schlüssels in den Stitch-Einstellungen, das Hinzufügen des Stitch-MCP in Antigravity, die Generierung einer DESIGN.md und die Erstellung einer React- und Tailwind-Site. Die MCP-Referenz listet Tools zum Erstellen von Projekten, zum Generieren von Bildschirmen aus Text, zum Bearbeiten von Bildschirmen, zum Generieren von Varianten und zum Verwalten von Designsystemen auf, einschließlich des Hochladens einer DESIGN.md.

Wenn Ihr Endziel eine funktionierende React- oder HTML-App und nicht eine Designdatei ist, vergleichen Sie diesen Weg mit Anima-Spielplatz, wodurch die bearbeitbare App direkt erstellt wird.

So verwenden Sie Google Stitch: eine Schritt-für-Schritt-Anleitung

Diese exemplarische Vorgehensweise folgt Googles eigenen Ankündigungen, Entwicklerdokumenten und I/O-Demovideos. Die folgenden Eingabeaufforderungen sind Ausgangspunkte, um es selbst auszuprobieren, und die Ergebnisse variieren von Lauf zu Lauf. Bei den Bildern handelt es sich um die offiziellen Bilder von Google, die als solche gekennzeichnet sind, sowie eine Ansicht der öffentlichen Zielseite. Der Stich ändert sich häufig, daher können sich Knopfnamen und Modellnamen unterscheiden, wenn Sie ihn öffnen.

Wenn Sie auch Tools vergleichen möchten, versuchen Sie die gleiche Eingabeaufforderung zum Pflanzentausch unten in Stitch und in UX Pilot. Unser UX Pilot-Rezension zeigt, wie diese Eingabeaufforderung dort ausgegangen ist, sodass Sie die beiden mit der Checkliste am Ende vergleichen können.

Schritt 1: Öffnen Sie Stitch und melden Sie sich an

Gehen Sie zu Stitch.withgoogle.com und melden Sie sich mit einem Google-Konto an. Stitch ist ein Google Labs-Produkt für Personen ab 18 Jahren in unterstützten Ländern. Die öffentliche Zielseite ist ein einzelnes Eingabeaufforderungsfeld mit einem App- und Web-Schalter, einem Modellchip und einigen Startervorschlägen.

Zum Zeitpunkt des Schreibens lautet der Modellchip auf der öffentlichen Seite Ausgewogen, während die I/O-Demorahmen von Google Modellnamen wie 3 Flash und 3.1 Pro anzeigen. Namen und Optionen ändern sich zwischen den Veröffentlichungen. Wählen Sie also die schnellen und hochwertigen Optionen aus, die die App an dem jeweiligen Tag bietet.

Schritt 2: Wählen Sie App oder Web und ein Modell

Der Schalter teilt Stitch mit, ob Sie eine native mobile App oder eine Webseite entwerfen. Googles eigene Demo nutzt Web. Wählen Sie für die Eingabeaufforderung zum Anlagentausch unten „App“ aus. Um Ihre kostenlosen Generationen zu schützen, testen Sie das schnellere Modell und behalten Sie das höherwertige Modell für Bildschirme, die Sie versenden möchten. Die Limits werden oben im Abschnitt „Preise“ erläutert.

Schritt 3: Schreiben Sie eine Eingabeaufforderung mit Kontext

Der Leitfaden von Google besteht darin, mit dem Geschäftsziel zu beginnen, mit dem Gefühl, das die Nutzer haben sollen, oder mit Beispielen dessen, was Sie inspiriert, und nicht mit einem Wireframe. Stitch akzeptiert auch Bilder, Text und Code als Kontext auf der Leinwand und kann ein Designsystem aus einer URL extrahieren. Hier ist Googles eigene Demo-Eingabeaufforderung aus dem I/O-Video, wie auf dem Bildschirm im Bild der Eingabeaufforderungsbox weiter oben in dieser Rezension gezeigt:

Erstellen Sie eine responsive Landingpage für Willamette Pizza Co. Für die Farbpalette sollte der primäre Hintergrund ein warmes gebrochenes Weiß sein, der sekundäre Hintergrund ein helles, sanftes Himmelblau und eine lebendige himmelblaue Akzentfarbe …

Und hier ist eine Kurzanleitung, die Sie sowohl bei Stitch als auch bei UX Pilot ausprobieren können. Wählen Sie „App“, fügen Sie sie ein und senden Sie sie ab:

Eine mobile App für eine Nachbarschafts-Pflanzentausch-Community: Home-Feed, Pflanzendetailseite und Chat-Bildschirm. Sauber, freundlich, grüner Akzent.

Tipps, die den Anweisungen von Google folgen: Benennen Sie die gewünschten Bildschirme, geben Sie das Gefühl an (sauber, freundlich), geben Sie eine Akzentfarbe an und fügen Sie, falls vorhanden, ein Referenzbild bei.

Schritt 4: Beobachten Sie, wie es generiert und gesteuert wird

Auf der I/O 2026 sagte Google, dass Stitch seine Arbeit jetzt direkt auf die Leinwand streamt, sodass Sie zusehen können, wie eine Seite Gestalt annimmt. Mit dem Stitch Agent können Sie Iterationen steuern, bevor das Ergebnis endgültig ist, und der Agent Manager verfolgt mehrere Erkundungen parallel. In der Google-Demo können Sie auch mit der Leinwand sprechen, um Kritik oder Änderungen anzufordern.

Schritt 5: Bearbeiten mit Folgeaufforderungen

Sobald Bildschirme vorhanden sind, verfeinern Sie diese mit kurzen Follow-ups im Chat oder wählen Sie einen Bildschirm aus und bitten Sie um eine Änderung. Die MCP-Referenz von Stitch listet auch Werkzeuge zum Bearbeiten von Bildschirmen und zum Generieren von Varianten auf, was nützlich ist, wenn Sie mehrere Richtungen eines Bildschirms wünschen. Eine Fortsetzung, die Sie anhand des Pflanzentausch-Ergebnisses ausprobieren können:

Machen Sie den Home-Feed zu einem zweispaltigen Raster und fügen Sie eine Suchleiste hinzu

Achten Sie beim Vergleichen von Werkzeugen darauf, ob der Rest des Bildschirms nach einer Bearbeitung gleich bleibt, da Bearbeitungen im Regenerierungsstil Bereiche verändern können, nach denen Sie nicht gefragt haben.

Schritt 6: Wenden Sie ein Designsystem mit DESIGN.md an

Stitch kann ein Designsystem von einer URL abrufen und Designregeln in DESIGN.md speichern, einer Markdown-Datei mit Tokens und schriftlicher Begründung. Sie können es exportieren, in ein anderes Stitch-Projekt importieren oder an einen Programmierer übergeben. Die Demo von Google wendet ein Designsystem mit einer Klartext-Eingabeaufforderung auf eine ganze Website an:

Wenden Sie dieses Designsystem auf die gesamte Website an.

Schritt 7: Bildschirme verknüpfen und auf „Play“ drücken

Laut Google können Sie Bildschirme in Sekundenschnelle zusammenfügen und auf „Wiedergabe“ klicken, um eine Vorschau des Ablaufs anzuzeigen. Stitch kann auch mit einem Klick logische nächste Bildschirme generieren, was Ihnen hilft, eine Reise schnell zu planen. Verknüpfen Sie für die Plant-Swap-App den Feed mit der Detailseite und die Detailseite mit dem Chat und klicken Sie sich dann durch.

Schritt 8: Teilen und exportieren

Wenn Sie fertig sind, öffnen Sie Export. Die I/O-Demo von Google zeigt Google AI Studio, Google Antigravity über MCP und Figma. Sie können auch über AI Studio einen gemeinsam nutzbaren Link erstellen oder mit Netlify im Web veröffentlichen. Für Entwickler benötigen Stitch MCP und SDK einen API-Schlüssel aus den Stitch-Einstellungen, wie im Codelab von Google beschrieben. Lesen Sie die Figma-Exporthinweise oben, bevor Sie sich auf „In Figma kopieren“ verlassen.

Eine Checkliste zur Beurteilung des eigenen Ergebnisses

• Existiert jeder von Ihnen genannte Bildschirm mit realistischem Inhalt anstelle von Platzhaltertext?
• Ist die Akzentfarbe und -art auf allen Bildschirmen einheitlich?
• Hat sich nach der Eingabeaufforderung nur der gewünschte Bereich geändert?
• Wie viele Generationen wurden für die Erkundung benötigt und wie lange dauerte die Bereinigung in Figma?

Quellen: Google Vibe-Design-Ankündigung, die I/O-Echtzeit-Designaktualisierung und die Ankündigung von DESIGN.md.

Was Nutzer über Google Stitch sagen

• Gelobt: Geschwindigkeit, ein großzügiges kostenloses Kontingent, Multi-Screen-Generierung, die Leinwand, Design-System-Extraktion und die Entwicklerlinks zu AI Studio, Antigravity und MCP.
• Kritisiert: einfache oder generische Ausgabe auch mit Referenzen, schwache Kontrolle bei komplexen SaaS- und Unternehmensdesigns, Figma-Exporte, die neu erstellt werden müssen, Erreichen der monatlichen Generationsobergrenzen und gelegentliche Generierungsfehler, die im Google-Forum gemeldet werden.

Ein Designer auf r/UX_Design sagt, Stitch sei „ein erstaunliches Ideenfindungs- und schnelles Iterationstool“, aber die Ergebnisse seien auch nach dem Hinzufügen von Referenzen „sehr schlicht und allgemein“ geblieben. Ein Benutzer von r/StitchAI sagt, dass ein Großteil dessen, was er zurückbekommt, nach dem Import in Figma von Grund auf neu erstellt werden muss. Bei beiden handelt es sich um individuelle Berichte, nicht um gemessene Raten.

Vor- und Nachteile von Google Stitch

Google Stitch vs. Figma: Kann Stitch Figma ersetzen?

Nein, und Google positioniert das nicht so. Stitch ist für die Null-zu-eins-Phase zuständig: Richtungen erkunden, einen ersten Entwurf erstellen und ihn an den Code übergeben. Figma verfügt über Verfeinerung, Komponenten, Variablen, Zusammenarbeit und Übergabe für große Teams. Die beiden treffen beim Exportschritt aufeinander, wo die größte Reibung herrscht.

Wenn Sie Figmas eigenes KI-Prototyp-Tool sehen möchten, lesen Sie unseren Leitfaden dazu Figma Make.

Beste Google Stitch-Alternativen

1. Anima-Spielplatz

Wählen Sie Anima Playground, wenn Sie direkt im Code entwerfen möchten. Beschreiben Sie einen Bildschirm oder beginnen Sie mit einem Figma-Design, einem Bild oder einer Website-URL und iterieren Sie dann weiter mit einer bearbeitbaren HTML- oder React-App, die Sie in der Vorschau anzeigen, teilen und veröffentlichen können. Stitch ist ein Design-Explorationstool, das Code exportiert. Playground behandelt die funktionierende App als Design, sodass Abstände, Zustände und Reaktionsverhalten während der Iteration sichtbar sind. Es handelt sich nicht um eine Quelle für native Figma-Ebenen. Koppeln Sie es daher mit dem Anima Figma-Plugin oder Buddy, wenn Sie das benötigen.

2. UX-Pilot

Besser für Figma-zentrierte Teams: Nodey läuft in Figma, importiert Ihre Komponenten und generiert native Ebenen. Es kostet Credits, die über ein kostenloses Tagegeld hinausgehen. Sehen Sie sich unsere an UX Pilot-Rezension.

3. Figma Make

Interaktive Prototypen in Figma. Lesen was Figma Make ist oder die Figma Make vs. Anima Playground Vergleich.

4. Claude Design

Chatgeführte Konzepte, Folien und Prototypen mit einer Claude-Code-Übergabe. Sehen Sie sich unsere an Rezension von Claude Design.

5. Buddy von Anima

Ein KI-Design-Agent in Figma, der Ihren Design-Systemkontext nutzt. Wählen Sie es, wenn Sie auf der Figma-Leinwand bleiben möchten.

Wer sollte Google Stitch verwenden?

• Gründer und PMs die einen glaubwürdigen ersten Entwurf benötigen, ohne für ein Werkzeug zu bezahlen.
• Designer Erkunde viele Richtungen, bevor du Figma öffnest.
• Entwickler die Designkontext für Antigravity oder einen anderen MCP-fähigen Agenten wünschen.

Schauen Sie woanders hin, wenn Sie benötigen eine strenge Markenkontrolle, native Figma-Komponenten, garantierte Kapazität oder ein stabiles Langzeitprodukt.

Abschließendes Urteil: Lohnt sich Google Stitch?

Ja, als kostenloses Erkundungstool. Verwenden Sie es, um schnell mehrere Anweisungen zu erhalten, verschieben Sie dann den Gewinner in Figma oder einen Codierungsagenten und exportieren Sie ihn noch am selben Tag. Planen Sie keinen Agentur-Workflow darum herum, bis Google Grenzwerte und eine Roadmap veröffentlicht. Wenn Sie möchten, dass das Design und die funktionierende App zusammen bleiben, probieren Sie als nächstes Anima Playground aus.

Entwerfen Sie direkt im Code mit KI

Entwerfen Sie mit KI: Beschreiben Sie einen Bildschirm oder verwandeln Sie Figma-Designs in Code.

Häufig gestellte Fragen zu Google Stitch

Was ist Google Stitch?

Google Stitch ist ein KI-Tool von Google Labs, das aus Textaufforderungen, Bildern und anderem Kontext auf einer unendlichen Leinwand hochauflösende UI-Designs und Front-End-Code generiert. Es wurde im Mai 2025 eingeführt und ersetzte Galileo AI, das Google übernommen hatte.

Ist Google Stitch kostenlos?

Ja. Stitch ist mit einem Google-Konto kostenlos und es gibt keinen kostenpflichtigen Plan. Es gelten monatliche Generationslimits, und der Google-Support gab im August 2025 350 Standard- und 50 experimentelle Generationen pro Monat an. Spätere Berichte weichen davon ab. Überprüfen Sie daher das aktuelle Limit in der App.

Wie melde ich mich bei Google Stitch an?

Gehen Sie zu Stitch.withgoogle.com und melden Sie sich mit einem Google-Konto an. Stitch ist ein Google Labs-Produkt für Nutzer ab 18 Jahren und möglicherweise nicht in jedem Land verfügbar.

Kann Google Stitch nach Figma exportieren?

Ja, mit „In Figma kopieren und einfügen“, aber es wird gemeldet, dass es für einige Modi nicht verfügbar ist und oft als flache Ebenen angezeigt wird. Viele Benutzer laden den Code herunter und importieren ihn stattdessen mit einem Plugin wie html.to.design.

Verfügt Google Stitch über einen MCP-Server?

Ja. Mit dem Stitch MCP-Server und dem SDK können Programmieragenten wie Google Antigravity Ihre Projekte lesen, Bildschirme erstellen und Ihr Designsystem verwenden. Um eine Verbindung herzustellen, erstellen Sie in den Stitch-Einstellungen einen API-Schlüssel.

Was sind die besten Google Stitch-Alternativen?

Anima Playground ist eine gute Wahl, wenn Sie eine bearbeitbare HTML- oder React-App aus einer Eingabeaufforderung oder einem Figma-Design wünschen. UX Pilot eignet sich für Figma-Teams, Figma Make eignet sich für interaktive Prototypen in Figma und Claude Design eignet sich für chatgeführte Konzepte.