Google Labs hat ein Update seines Tools Stitch veröffentlicht und damit einen neuen Begriff in die Welt des digitalen Designs eingeführt: „Vibe Design“. Das klingt ein wenig nach einem Buzzword, doch hinter diesem Begriff verbirgt sich eine wirklich interessante Veränderung in der Art und Weise, wie wir über die Gestaltung von Benutzeroberflächen denken.
Stitch gab es bereits zuvor als experimentelles KI-Tool aus dem Hause Google Labs. Nun wurde es jedoch vollständig überarbeitet und ist zu etwas geworden, das seine Entwickler als KI-native Design-Leinwand bezeichnen. Rustin Banks, Produktmanager bei Google Labs, fasste es einfach zusammen: Statt mit einem groben Entwurf zu beginnen, fängt man mit dem an, was man eigentlich erreichen möchte.
Was ist „Vibe Design“?
Stellen Sie es sich folgendermaßen vor: Bisher haben Sie beispielsweise Figma geöffnet, begonnen, Raster zu zeichnen und Komponenten zu platzieren, und erst nach stundenlanger Arbeit sind Sie zu der Frage gekommen: „Wie soll das eigentlich auf die Nutzer wirken?“ Stitch kehrt diesen Ablauf um.
Sie schreiben oder sagen etwas wie: „Entwirf eine Anmeldeseite für eine Meditations-App, die ruhig und minimalistisch wirkt und von Apple Health und Headspace inspiriert ist.“ Und die KI generiert sofort mehrere vollständig ausgearbeitete Entwürfe für Benutzeroberflächen – keine Skizzen, keine groben Konzepte, sondern echte Bildschirmansichten.
Das ist der Kern von Vibe Design. Sie beginnen mit einer Absicht, einem Gefühl, einem Ziel. Die Struktur kommt erst danach. Und ehrlich gesagt klingt das für jeden, der schon einmal drei Stunden mit einem Entwurf verbracht hat, nur damit das Team beim ersten Meeting sagt: „Das ist es nicht“, wie eine Erleichterung.
Unendliche Benutzeroberfläche und Design-Agent mit Gedächtnis
Die größte technische Neuerung ist die neue unendliche Leinwand/Benutzeroberfläche. Keine Bedienfelder, keine Ebenen, kein Komponentenbaum. Stattdessen gibt es einen freien Raum, in den Sie alles Mögliche einfügen können: eine Textbeschreibung, einen Screenshot einer App, die Ihnen gefällt, ein Stück Code oder die Benutzeroberfläche eines Mitbewerbers als Referenz. Die KI verarbeitet all das gleichzeitig als Kontext.
Zusammen mit der Leinwand wurde auch ein neuer Design-Agent eingeführt, der sich an das gesamte Projekt erinnert. Die meisten KI-Tools beantworten eine Frage und vergessen sie anschließend. Stitch funktioniert anders. Der Agent kennt Ihr Designsystem, die vorhandenen Bildschirmansichten und die von Ihnen festgelegten Einschränkungen. Er schlägt Verbesserungen vor, generiert Varianten, die zur visuellen Sprache des Projekts passen, und bewertet sogar das Layout im Hinblick auf die ursprüngliche Absicht.
Google hat außerdem den Agent Manager hinzugefügt, der ähnlich wie Branching in Versionsverwaltungssystemen funktioniert. Sie können mehrere kreative Richtungen parallel weiterentwickeln, ohne das ursprüngliche Konzept zu verlieren.
DESIGN.md
Hier ist etwas, das jeden freuen dürfte, der schon einmal dieselben Design-Tokens in jedem neuen Tool immer wieder neu erstellen musste. Stitch kann ein Designsystem aus einer beliebigen Webadresse extrahieren – also Farben, Typografie, Abstände und Komponenten – und es in einer Datei namens DESIGN.md speichern. Diese Datei lässt sich anschließend zwischen Projekten, zwischen Design und Entwicklung sowie in eine neue Stitch-Leinwand übertragen, wo die KI sie sofort versteht und verwendet. Einen ganzen Tag lang ein Designsystem von Grund auf einrichten? Das gehört der Vergangenheit an.
Prototypen, Sprachsteuerung und Integration mit Entwicklungstools
Stitch verwandelt statische Entwürfe in einem einzigen Schritt in klickbare Prototypen. Sie verknüpfen die Bildschirmansichten, drücken auf Play und durchlaufen die gesamte User Journey. Interessanter ist jedoch, was danach geschieht: Wenn ein Nutzer auf eine Schaltfläche klickt, schlägt Stitch auf Grundlage des gesamten Produktkontexts vor, wie die nächste Bildschirmansicht aussehen sollte.
Dann gibt es noch die Sprachsteuerung. Sie sagen: „Zeig mir drei Menüvarianten“, und drei erscheinen. Sie sagen: „Eine dunklere Farbpalette“, und die Leinwand wird in Echtzeit aktualisiert. Wenn das zum ersten Mal funktioniert, ist es ein wenig verwirrend. Die Grenze zwischen der Steuerung des Designs und dem Führen eines Gesprächs beginnt zu verschwimmen.
Und für Entwickler: Stitch verfügt über einen MCP-Server und ein SDK, sodass es mit Tools wie Gemini CLI, Claude Code oder Cursor verbunden werden kann. So können Design und Code von Anfang an Hand in Hand gehen.
Erleichterung für Designer und Startup-Gründer
Die Rolle, die sich verändert, ist nicht die des „Designers“. Es verändert sich die Rolle des „Menschen, der Stunden mit einem groben Entwurf verbringt, bevor sich das Team auf eine Richtung einigt“. Diesen Teil der Arbeit übernimmt die KI, und die meisten Designer werden ihn sicherlich nicht vermissen. Was hingegen bleibt, ist schwerer zu beschreiben, aber leicht zu erkennen: das Urteilsvermögen, die richtige Richtung zu wählen, der Geschmack, zu erkennen, wann etwas nicht funktioniert, und die Erfahrung, vorauszusehen, was bei größerer Skalierung Probleme verursachen wird. Diese Fähigkeiten werden wertvoller, nicht weniger wertvoll – gerade weil nun jeder innerhalb von dreißig Sekunden eine Bildschirmansicht generieren kann.
Stitch richtet sich sowohl an professionelle Designer, die Dutzende Varianten untersuchen möchten, als auch an Startup-Gründer, die ihre erste Idee gerade erst formulieren. Der Weg von der Idee zum funktionsfähigen Prototyp wird immer kürzer.
