Technologie
Landing Page per Sprachbefehl: Das ist Googles Vibe-Design-Plattform Stitch

Landing Page per Sprachbefehl: Das ist Googles Vibe-Design-Plattform Stitch

Niklas Lewanczik | 19.03.26

Mit dem KI-nativen Vibe-Design in Stitch können Design-Teams, Gründer:innen und Co. blitzschnell im KI-Monolog Apps und Seiten erstellen und sogar per Stimme anpassen lassen. Auch die Verknüpfung zu anderen Tools ist möglich.

Die Designfähigkeiten, die Google im Rahmen verschiedener KI-Tools anbietet, sind äußerst vielfältig. Mit Nano Banana 2 können User hochwertige KI-Bilder kreieren und sogar auf Geminis Weltwissen zurückgreifen. Veo 3.1 wiederum bietet einen Startpunkt, um KI-Videos zu generieren, auch mit diversen Templates, die wir für dich schon getestet haben. Das Tool NotebookLM bietet inzwischen nicht nur Audio und Video Overviews, sondern ebenso Cinematic Video Overviews für noch besseres Storytelling. Und das AI Tool für KMU-Marketer, Pomelli, kreiert dir das Foto-Shootings, Videos, Kampagnenideen und Creatives passend zur Business-DNA. Für die KI-Kreationsumgebung Stitch hat Google jetzt ebenfalls ein großes Update parat. Mit dem neuen Vibe-Design-Feature können User ihre Designs basierend auf Prompts in natürlicher Sprache einfach erstellen und anpassen lassen, die verschiedenen Workflows iterieren und dabei zahlreiche Vorlagen integrieren. Der beschleunigte Prozess lässt sich zudem mit anderen Tools verknüpfen, sodass neben Vibe Coding Vibe-Designing möglich wird.


Google bringt Cinematic Video Overviews zu NotebookLM

Google NotebookLM-Auswahl für Video Overview, Mind Map Content im transparenten Vordergrund
© Google via Canva


Du steuerst, die KI erstellt: Vibe-Design in Stitch macht Kreation einfacher denn je

This is the closest we’ve been to our vision of what AI + design should be: you steer, it builds […],

erklärt Googles AI Researcher Arnaud Bernard auf LinkedIn. Ihm zufolge hat das Team lange an der großen Neuerung für Stitch gearbeitet, die binnen Sekunden Designprototypen zum Beispiel für Apps oder Websites kreieren kann.

Es geht um das Vibe-Design-Update für Google Stitch. Stitch ist Googles UI Prototyping Tool mit AI Support, mit dem Produkt- und Designideen via Prompt in verwertbare Vorlagen umgewandelt werden können. Jetzt soll aus dem Bereich eine „KI-native Arbeitsfläche für das Software-Design“ werden. Denn mit Vibe-Design können User im Dialog mit der KI zunächst ihre Business-Perspektive erläutern und etwaige Beispiele für deine Ideen einfügen, um dann mithilfe von pointierten Prompts verschiedene Designvorschläge generieren zu lassen. Dazu erhalten die User eine neue Canvas-Vorlage, in der verschiedene Formate wie Bilder, Text und sogar Code als Referenzen integriert werden können.

Der neue Stitch Canvas Look bei Google, © Google
Der neue Stitch Canvas Look bei Google, © Google

Überdies ist es möglich, bestehende Designs aus URLs zu extrahieren und bei Stitch zu integrieren. Oder du nutzt DESIGN.md als agent-freundliches Markdown für den Import und Export von Designregeln; das ist besonders wichtig, wenn mehrere Designs bei Stich kreiert werden. Dann müssen User die Regeln nicht neu anlegen.

DESIGN.md hilft bei der Anpassung von Designs via Stitch, © Google
DESIGN.md hilft bei der Anpassung von Designs via Stitch, © Google

Zur Einordnung der Ideen liefert Google noch einen neuen Design-Agent sowie einen Agent Manager, der verschiedene Workflows tracken kann.

Im Workflow anpassen und einfach mit der KI reden

Da ein Design selten nach dem ersten Versuch genau das richtige ist, braucht es bei der Kreation Iteration und Anpassung. Die User können dank Vibe-Design bei Stitch zum Beispiel verschiedene Screens – etwa für eine geplante App oder Website – zusammenfügen, also stitchen, und Googles KI kreiert passende folgende Design-Elemente. Das könnte ein Checkout nach einer Produktinfoseite sein. Dabei können die User über einen Play Button den Flow ansehen und direkt Feedback für Anpassungen geben. Das funktioniert inzwischen auch per Stimme. Dank eines Voice Mode können die User einfach mit der KI sprechen, Veränderungen vorgeben oder sich eine Kritik zum Design einholen. Außerdem ist es möglich, erste Designvorlagen in verschiedenen Varianten darzustellen, wenn du etwa sagst: „Gib mir drei verschiedene Optionen für ein Menü!“ oder „Zeig mir den Screen in verschiedenen Farbpaletten!“

Auf diese Weise soll Google Stitch samt Vibe-Design unterschiedlichen Menschen im Digitalraum helfen können, sowohl Designer:innen mit großen Projekten als auch Gründer:innen oder Creatorn, die ihre erste Seite oder App planen.

Stitch kann des Weiteren auch als Brücke dienen, um die Designs in anderen Tools zu nutzen. Denn es gibt einen MCP Server und ein SDK für den Bereich. Du kannst die Designs aber ebenso in weitere Entwicklungs-Tools wie das AI Studio oder Googles agent-freundliche Entwicklungsumgebung Antigravity exportieren.

Du kannst Google Stitch in der Betaversion schon testen. Googles Stitch ist in allen Ländern ab 18 Jahren verfügbar, in denen Gemini unterstützt wird.


Agent-Ära bei Google:

Antigravity erhält Agent Skills und Chrome Auto Browse

Logo von Google Antigravity, der Experimentierplattform von Google für agentische K.
© Google Antigravity

Kommentare aus der Community

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

*
*