Google Stitch: Kostenloses KI-Design-Tool, das Figmas Aktie abstürzen ließ

Google Stitch hat im März 2026 ein massives Update bekommen: Voice Canvas, unendliche Leinwand, MCP für Claude Code. 350 Generierungen gratis. Ehrlicher Test.

Figmas Aktie ist innerhalb eines Tages um 8–12 % gefallen. Der Grund: Google hat am 19. März sein Design-Tool Stitch komplett überarbeitet — und das Ding ist kostenlos.

Voice Canvas, unendliche Leinwand, direkter Export zu Claude Code. Das klingt erstmal nach Marketing-Sprech. Aber nach ein paar Tagen Ausprobieren muss ich sagen: Einiges davon ist echt beeindruckend. Und einiges halt auch noch nicht so weit.

Schauen wir uns das mal genauer an.

Was ist Google Stitch überhaupt?

Kurze Vorgeschichte: Stitch hieß früher Galileo AI und kostete 39 Dollar im Monat. Google hat das Unternehmen gekauft, das Tool umgebaut — und dann einfach kostenlos gemacht. 350 Generierungen pro Monat, kein Haken.

Was es macht: Du beschreibst per Text (oder jetzt auch per Sprache), was du willst — zum Beispiel “Landing Page für einen Hundefriseur mit Preistabelle und Kundenbewertungen” — und Stitch generiert in etwa 15 Sekunden ein fertiges UI-Design. Farben, Typografie, Layout, alles dabei.

Das konnte es vorher auch schon. Was beim März-Update neu dazukam, ist allerdings eine andere Liga.

Was ist neu im März 2026?

Voice Canvas — Designen per Sprache

Statt zu tippen, kannst du jetzt einfach reden. Mikrofon-Button drücken und sagen: “Mach den Header kleiner” oder “Der Call-to-Action-Button soll mehr auffallen.” Die KI (basiert auf Gemini Live) passt das Design in Echtzeit an.

Du kannst sogar Feedback anfordern: “Was stimmt an diesem Layout nicht?” — und Stitch antwortet mit konkreten Verbesserungsvorschlägen.

Klingt in der Demo beeindruckend. In der Praxis — tja — ist es halt so eine Sache. Visuelle Änderungen per Sprache zu beschreiben ist überraschend schwierig. “Mach den Abstand zwischen den Karten ungefähr 20 % kleiner” klingt gesprochen irgendwie komisch. Die meisten Early Adopter haben es einmal ausprobiert, waren begeistert, und sind dann doch wieder zum Tippen zurückgekehrt.

Unendliche Leinwand

Vorher konnte Stitch nur einen Bildschirm gleichzeitig generieren. Jetzt gibt’s eine unendliche Leinwand, auf der du ganze Flows nebeneinander legen kannst — Homepage, Login, Dashboard, Einstellungen. Bis zu 5 Screens auf einmal generieren. Das ist ein echter Produktivitätsgewinn, weil du Inkonsistenzen sofort siehst.

MCP-Server — Die Brücke zu Claude Code

Und hier wird’s für Entwickler richtig interessant. Stitch hat jetzt einen MCP-Server — das ist ein Protokoll, über das KI-Coding-Tools direkt auf Design-Daten zugreifen können.

Heißt konkret: Du designst ein Dashboard in Stitch, sagst dann Claude Code “Implementier das Dashboard aus unserem Stitch-Projekt” — und Claude liest Layout, Farben, Abstände, Komponenten direkt aus und schreibt den Code. Kein manuelles Abtippen von Specs. Kein Screenshot-Hin-und-Her.

Dazu gibt’s ein neues Exportformat namens DESIGN.md — eine Klartext-Beschreibung deines Design-Systems, die jedes KI-Coding-Tool lesen kann.

Allerdings: Das Einrichten des MCP-Servers ist etwas umständlich. Google-Cloud-OAuth-Authentifizierung halt. Wer schon mal was mit Google Cloud gemacht hat, kennt das Spiel. Danach läuft es aber rund.

Und ein Hinweis: Die MCP-Pipeline funktioniert gut für React und Standard-Web-Apps. Bei Flutter oder weniger verbreiteten Frameworks wird die Design-zu-Code-Übersetzung noch holprig.

Manuelle Bearbeitung

Kleine, aber wichtige Ergänzung: Du kannst jetzt direkt auf Texte, Bilder und Abstände im generierten Design klicken und sie von Hand ändern. Vorher musste man für jede Änderung einen neuen Prompt schreiben.

Was Stitch richtig gut kann

Geschwindigkeit von Null auf Etwas. Leere Leinwand, vage Idee, 15 Sekunden später: fünf verschiedene Design-Vorschläge. Für Brainstorming und frühe Ideenfindung gibt’s nichts Schnelleres in dieser Preisklasse (kostenlos).

Saubere Erstvorschläge. Typografie, Farbpaletten und Abstände halten sich erstaunlich gut — auch über mehrere Screens hinweg. Ein Entwickler, der sein komplettes Frontend damit neugestaltet hat, berichtete von konsistenten Fonts und Farben im ganzen Projekt.

Die Code-Export-Pipeline. DESIGN.md plus MCP zu Claude Code ist tatsächlich nützlich. Statt CSS manuell zu schreiben, sagst du einfach “bau, was ich designt hab”. Das spart Stunden, nicht Minuten.

Und: kostenlos. 350 Generierungen im Monat. Zum Vergleich: Figma kostet für ein 20-Personen-Team grob 12.000 Euro im Jahr.

Was noch nicht überzeugt

Die Designs sehen sich ähnlich. Sauber — ja. Aber sie haben alle diesen “Stitch-Look”. Für Projekte mit einer starken Markenidentität stößt man schnell an Grenzen.

Manuelle Bearbeitung fühlt sich klobig an. Die neue Klick-und-Editier-Funktion funktioniert, aber verglichen mit Figmas Präzisionswerkzeugen ist da noch Luft nach oben. Feine Abstände, Custom-Gradienten, Animationen — dafür brauchst du weiterhin ein richtiges Design-Tool.

Kein Design-System-Management. Keine wiederverwendbaren Komponenten, keine Design-Tokens, keine Brand-Guidelines über Projekte hinweg. Jedes neue Projekt startet bei null.

Keine Zusammenarbeit. Kein Echtzeit-Multiplayer, keine Kommentare, kein geteilter Versionsverlauf. Für Teams, die zusammen designen, ist Figma nach wie vor konkurrenzlos.

Voice Canvas ist mehr Demo als Alltag. Beeindruckend zum Zeigen, aber im täglichen Einsatz tippen die meisten doch lieber. Wird sich vielleicht ändern, ist aber Stand heute eher ein Gimmick.

Wo Stitch hingehört — und wo nicht

Stitch ist kein Figma-Killer. Zumindest noch nicht. Es löst ein anderes Problem in einer anderen Phase:

PhaseBestes ToolWarum
0 → 1 (Idee → Erster Entwurf)Google StitchAm schnellsten, kostenlos
1 → 10 (Feinschliff)FigmaPräzision, Design-Systeme, Teamarbeit
Design → CodeStitch MCP → Claude CodeDirekter Export, kein manueller Spec-Transfer
Code-first KomponentenV0 by VercelProduktionsreife React-Komponenten

Der realistischste Workflow 2026: In Stitch Ideen generieren → bei Bedarf in Figma verfeinern → per MCP an Claude Code übergeben.

Für Prototypen und MVPs reicht Stitch oft allein — den Figma-Schritt kann man sich dann sparen.

Für wen lohnt sich Stitch?

Entwickler ohne Design-Erfahrung. “Ich brauch halt irgendwas, das okay aussieht” → Stitch liefert in 15 Sekunden.

Seitenprojekte und MVPs. Wenn Geschwindigkeit wichtiger ist als Perfektion.

Solo-Gründer und Freelancer. Ideen visualisieren, bevor man einen Designer beauftragt.

Design-Teams. Nur fürs Brainstorming. Produktionsdesign bleibt in Figma.

Fazit

Stitch macht 80 % der Arbeit. Dein Geschmack macht die restlichen 20 %.

Für ein kostenloses Tool ist dieses Verhältnis echt okay. Puh, eigentlich sogar ziemlich gut.


Google Stitch ist kostenlos unter stitch.withgoogle.com. 350 Generierungen pro Monat. Das März-2026-Update ist live.

Verwandte Kurse: Vibe Coding | UX-Design mit KI

Echte KI-Skills aufbauen

Schritt-für-Schritt-Kurse mit Quizzes und Zertifikaten für den Lebenslauf