VIBE CODING
NEWS2 min read

Google Stitch: KI-gestützte UI-Generierung wird erwachsen und fordert Figma heraus

Google Stitch, das kostenlose KI-Tool zur UI-Generierung, erhält ein umfassendes Update mit unendlichem Canvas, Sprachmodus und mehr.

Google Stitch, das kostenlose KI-Tool zur UI-Generierung, das bisher primär für die Erstellung einzelner Bildschirme bekannt war, hat ein umfassendes Update erhalten, das seine Fähigkeiten drastisch erweitert. Diese Neuerung positioniert Stitch als ernsthaften Konkurrenten im Design-Workflow und ließ die Aktien von Figma kurzzeitig um rund 9 % fallen.

Unendlicher Canvas und Ganzheitlicher Projektkontext

Das Herzstück des Updates ist ein unendlicher Canvas. Anwender können nun Screenshots, Text, Code-Snippets und Referenzen von Wettbewerbern auf einer einzigen Arbeitsfläche zusammenführen. Der KI-Agent von Stitch erfasst all diese Elemente als einen kohärenten Kontext und ermöglicht so die Arbeit an ganzen Projekten statt nur an einzelnen Bildschirmen. Dies bedeutet, dass die KI ein viel tieferes Verständnis für die Designentscheidungen und die Gesamtstruktur eines Projekts entwickeln kann.

Interaktiver Sprachmodus

Ein weiteres Highlight ist der Sprachmodus. Der KI-Agent kann den Nutzer interviewen, Designentwürfe in Echtzeit kritisieren und alternative Vorschläge unterbreiten. Beispielsweise könnte man sagen: „Zeige mir drei Farbpaletten-Optionen“, und Stitch würde diese direkt auf dem Canvas visualisieren. Dies ermöglicht einen dynamischeren und intuitiveren Designprozess.

Klickbare Prototypen und Automatisierte Flows

Die Interaktivität wurde ebenfalls stark verbessert. Prototypen sind nun klickbar. Drückt man „Play“, entsteht ein interaktiver Flow. Wenn ein Nutzer auf eine Schaltfläche in einem Mockup klickt, antizipiert Stitch den nächsten Bildschirm und generiert ihn automatisch. Dies beschleunigt den Prototyping-Prozess erheblich und macht ihn flüssiger.

DESIGN.md: Design-Systeme in Markdown

Mit DESIGN.md führt Google ein neues Format für Design-Systeme ein, das auf Markdown basiert. Nutzer können Stile von jeder Website mittels URL extrahieren, in einer DESIGN.md-Datei speichern und projektübergreifend wiederverwenden. Dies fördert Konsistenz und Effizienz im Design.

MCP-Server: Integration in die Entwicklungsumgebung

Der MCP-Server (Multi-Context Platform) ermöglicht eine nahtlose Integration von Stitch in Entwicklungstools wie Cursor, Claude Code und Gemini CLI. Sobald ein Interface in Stitch entworfen wurde, kann der KI-Agent in der IDE den Designentwurf aufgreifen und direkt Code generieren. Diese Brücke zwischen Design und Entwicklung verspricht eine deutliche Beschleunigung des gesamten Workflows.

Verfügbarkeit und Limits

Google Stitch bleibt kostenlos verfügbar, allerdings mit Nutzungsbeschränkungen: 350 Generierungen pro Monat mit dem Flash-Modell und 50 Generierungen pro Monat mit dem Pro-Modell.

Die umfassenden Neuerungen von Google Stitch unterstreichen das wachsende Potenzial von KI im UI/UX-Design und könnten die Landschaft der Design-Tools nachhaltig verändern, wie die erste Reaktion des Marktes auf Figma zeigt.

Quelle: https://stitch.withgoogle.com/