„Wie ich in Minuten eine Website mit Googles Stitch-Tool entwarf“

Der Begriff „Vibe Coding“ ist derzeit in der KI-Branche stark präsent und beschreibt die Möglichkeit, Anwendungen, Spiele oder Websites ausschließlich über natürliche Sprache mittels eines Chatbots zu gestalten. Google verfolgt mit seinem neuen Tool Stitch einen ähnlichen Ansatz, verwendet jedoch den Begriff „Vibe Design“, um den kreativen Prozess zu betonen und die Bezeichnung „Vibe Coding“ zu vermeiden.

Die aktuellste Version von Stitch, die letzte Woche vorgestellt wurde, bietet Funktionen, die es ermöglichen, eigene Web- oder mobile Anwendungen ohne tiefgehende technische Kenntnisse zu entwerfen. Anstelle herkömmlicher Wireframes kann der Nutzer einfach beschreiben, wie die App aussehen soll, welche Stimmung oder welches Gefühl vermittelt werden soll oder welche geschäftlichen Ziele verfolgt werden. Stitch interpretiert diese Beschreibungen und erstellt basierend darauf ein passendes Design.

Diese Herangehensweise erlaubt eine hohe Flexibilität und kreative Freiheit, ohne dass jedes Detail exakt festgelegt werden muss. Ein klar formulierter Prompt verbessert jedoch die Genauigkeit der Ergebnisse deutlich. Stitch lässt sich sowohl per Texteingabe als auch über Sprachbefehle steuern. Dank der Gemini-Modelle können Änderungen in natürlicher Sprache beschrieben werden, was besonders für Nutzer ohne Designkenntnisse hilfreich ist. Der KI-Agent liefert Echtzeit-Feedback und fungiert als kooperativer Partner im Designprozess.

Wenn bestimmte Elemente wie Buttons, Farben oder Layouts nicht den Vorstellungen entsprechen, kann Stitch angewiesen werden, diese anzupassen, zum Beispiel durch Befehle wie „Button auf die andere Seite verschieben“ oder „Menüfarbe auf Orange ändern“. Die Software befindet sich noch in der Beta-Phase, wodurch nicht alle Funktionen fehlerfrei laufen, jedoch zeigt sich ein deutlicher Zeitvorteil im Designprozess.

Stitch bietet zudem eine höhere Flexibilität: Erstellte Designs lassen sich auf andere Projekte übertragen. Google erklärt, dass Designsysteme von jeder URL extrahiert oder über die Datei DESIGN.md importiert und exportiert werden können. Dieses markdown-basierte, agentenfreundliche Format ermöglicht die einfache Nutzung und Anpassung von Designregeln in verschiedenen Projekten.

Website-Erstellung in wenigen Minuten

Mit einem einzigen Prompt konnte Stitch innerhalb weniger Minuten eine vollständige Website erstellen. Bei einem Test forderte ich Stitch auf, eine zufällige Website zu generieren, und war beeindruckt von den Ergebnissen. Ohne Designhintergrund bat ich Stitch, eine botanische Apotheker-Website zu erstellen, die verschiedene Pflanzen zeigt und im viktorianisch-gotischen Stil gestaltet ist.

Das generierte Design überzeugte durch die Erstellung mehrerer Seiten und „Screens“ für die Website, das Layout und die Treue zum ursprünglichen Prompt. Ein Großteil des Inhalts bestand aus Platzhaltertexten und KI-generierten Bildern, die später ersetzt werden können. Das Design wirkte dennoch ansprechend. Einige Seiten erschienen überflüssig, was durch präzisere Prompts hätte vermieden werden können. Einzelne Elemente oder ganze Seiten lassen sich problemlos bearbeiten oder löschen. Während des Designprozesses werden Screens angezeigt, die die Darstellung der App oder Website simulieren.

Die automatisch generierte Farbpalette entsprach zunächst nicht meinen Vorstellungen. Mit der Anweisung, eine neue Palette mit eigenen Farben zu erstellen, konnte Stitch die Anpassung umsetzen. Es traten jedoch typische Beta-Probleme auf: Neue Screens blieben manchmal im Status „generating“ hängen oder nutzten weiterhin die alte Farbpalette. Diese Probleme lassen sich beheben, verdeutlichen aber den Bedarf an Optimierungen.

Ich habe nicht alle Funktionen getestet, da die Vielzahl der Möglichkeiten überwältigend ist. Stitch erinnert in der Handhabung an DIY-Website-Baukästen, integriert jedoch KI und legt den Fokus auf das Design. Nach der Ankündigung von Stitch reagierte der Markt deutlich: Die Aktien von Figma fielen spürbar. Wenn die Beta bereits solche Ergebnisse liefert, ist die Vorstellungskraft spannend, welche Möglichkeiten sich eröffnen, sobald Stitch vollständig entwickelt ist.