Start/Praxis/Tools/Google Stitch: KI generiert interaktive UI-Prototypen aus Text
25. März 2026

Google Stitch: KI generiert interaktive UI-Prototypen aus Text

Google hat sein Design-Werkzeug Stitch grundlegend überarbeitet und von einem Hilfsprogramm zu einer vollständigen Arbeitsumgebung für Softwaredesign ausgebaut. Kern des Updates: Ein KI-Agent begleitet den gesamten Entwurfsprozess. Klassische Wireframes als Ausgangspunkt sollen damit überflüssig werden.

Was ist Google Stitch?

Stitch ist ein webbasierter KI-Design-Editor, der unter stitch.withgoogle.com läuft und zu Google Labs gehört. Die Kernaufgabe laut eigener Beschreibung: "Stitch generates UIs for mobile and web applications, making design ideation fast and easy."

Nutzer beschreiben in natürlicher Sprache oder Text, was sie brauchen. Die KI übersetzt die Beschreibung in visuelle Oberflächenentwürfe, die sich direkt im Browser weiterbearbeiten lassen. Technisches Design-Vorwissen ist explizit keine Voraussetzung.

Features des überarbeiteten Stitch

Spracheingabe in Echtzeit

Neu ist eine Spracheingabe, über die Nutzer direkt mit dem System arbeiten. Damit lassen sich Designvarianten in Echtzeit anfordern -- Google nennt als Beispiel: "Zeig mir drei verschiedene Menü-Optionen". Auch Farbpaletten lassen sich durchspielen oder ganze Landingpages im Dialog entwerfen. Die KI tritt dabei auch als Sparringspartner auf und kommentiert Entwürfe kritisch.

Infinite Canvas

Die Arbeitsfläche ist unbegrenzt erweiterbar ("Infinite Canvas"). Dort können Bilder, Texte und Code-Schnipsel als Kontext abgelegt werden, aus dem die KI Entwürfe ableitet. Ein Agenten-Manager hilft dabei, mehrere Designrichtungen parallel zu verfolgen, ohne den Überblick zu verlieren.

Automatische interaktive Prototypen

Statische Entwürfe lassen sich per Klick in interaktive Prototypen umwandeln. Die KI generiert dabei automatisch logische Folgebildschirme und bildet so App-Abläufe ab, die sich direkt im Browser durchklicken lassen -- ohne manuelles Verknüpfen von Screens.

DESIGN.md: Designvorgaben als Markdown-Datei

Google führt mit diesem Update das Format DESIGN.md ein. Es handelt sich um eine maschinenlesbare Markdown-Datei, die Gestaltungsregeln eines Projekts enthält: Farben, Typografie, Abstände, Komponentenregeln. Die Datei lässt sich aus bestehenden Websites extrahieren und in neue Projekte oder andere Werkzeuge importieren. So müssen Design-Vorgaben nicht bei jedem Projekt neu definiert werden.

Übergabe an Entwicklungsumgebungen

Über einen MCP-Server und ein SDK können fertige Entwürfe direkt an Entwicklungsumgebungen wie AI Studio und Antigravity übergeben werden. Die Kluft zwischen Design und Implementierung soll dadurch kleiner werden.

"Vibe Design": Das Konzept dahinter

Google bezeichnet das Stitch-Update als "Vibe Design" -- angelehnt am bereits bekannten Vibe Coding. Die Idee: Statt technischer Vorgaben (Farben, Abstände, Komponentennamen) beschreiben Nutzer Geschäftsziele oder die gewünschte Wirkung auf Endnutzer. Die KI übersetzt das in konkrete Oberflächen.

Praktisch bedeutet das: Statt "Primärfarbe #2563EB, 16px Schrift, 8px Abstand" reicht "wirkt professionell und vertrauenswürdig für eine Finanz-App".

Von der Idee zum Prototyp: Typischer Workflow

  1. Beschreibung eingeben -- Text oder Sprache: "Eine mobile App für Aufgabenverwaltung, minimalistisch, für Studierende"
  2. Varianten generieren lassen -- Stitch erstellt mehrere Entwurfsrichtungen gleichzeitig
  3. Im Dialog verfeinern -- Änderungen per Sprache oder Text anfordern, KI kommentiert Entwürfe
  4. Prototyp erzeugen -- Statische Screens werden automatisch zu durchklickbarem Prototyp verknüpft
  5. An Entwicklung übergeben -- Via MCP-Server oder SDK in Entwicklungsumgebung exportieren

Für wen ist Stitch gedacht?

Google adressiert damit zwei Gruppen:

Letzteres ist die klare Abgrenzung zu klassischen Werkzeugen wie Figma: Stitch setzt keine Kenntnis von Design-Systemen, Komponentenbibliotheken oder Layout-Konzepten voraus.

Einschränkungen und Grenzen

Keine Pixel-perfekte Kontrolle: Wer detaillierte Kontrolle über jeden Pixel braucht oder bestehende Design-Systeme exakt einhalten muss, stößt schnell an Grenzen. Stitch ist auf Exploration ausgelegt, nicht auf Produktionsreife.

Qualität abhängig von der Beschreibung: Vage Anforderungen führen zu generischen Ergebnissen. Präzise, kontextreiche Beschreibungen liefern deutlich bessere Entwürfe.

Kein Ersatz für UX-Research: Das Tool generiert Oberflächen, aber kein Verständnis für Nutzerbedürfnisse. Ohne Basis in User Research entstehen funktionale, aber nicht notwendigerweise nutzbare Produkte.

Abhängigkeit von Google-Infrastruktur: Stitch ist ein Cloud-Dienst. Offline-Arbeit oder lokales Betreiben ist nicht vorgesehen. DESIGN.md-Dateien können exportiert werden, die eigentliche Arbeitsfläche bleibt in der Google-Cloud.

Beta-Status: Stitch läuft noch als Beta-Produkt unter Google Labs. Features und Verfügbarkeit können sich kurzfristig ändern.

Quellen

Nach oben