Mit Google Stitch Webseiten und Apps designen

Für wen ist Google Stitch geeignet?

Stitch richtet sich vor allem an Entwicklerinnen und Entwickler, die ansprechende Oberflächen entwerfen möchten, wie sie bei Mockups üblich sind.

Ein Mockup ist eine realistische Vorschau, die zeigt, wie ein Entwurf in der echten Umgebung aussieht. Sie sind ideal, um Ideen zu präsentieren, Designs zu testen oder Produkte ansprechend zu präsentieren, bevor sie existieren.

Das Tool Stitch ist aktuell in 212 Ländern verfügbar und kostenlos nutzbar, allerdings mit monatlichen Limits. Die Ergebnisse, die dir Stitch liefert, kannst du auch kommerziell nutzen. Du bleibst Eigentümer deiner Designs und Codes, was Stitch auch für Freelancer und Agenturen interessant macht.

Ein Mockup / Design mit Google Stitch erstellen

Am besten nehmen wir einmal ein Beispiel und schauen uns die Ergebnisse an, die Stitch liefert.

Die Oberfläche ist aufgeräumt, wie wir es bei den gängigen Chatbots gewohnt sind. Auf der linken Seite findest du deine erstellten Designs und in der Mitte befindet sich die Eingabemöglichkeit für deinen Prompt.

Wenn du ein Design erstellen möchtest, hast du die Wahl zwischen der Darstellung einer App oder einer Website. Darüber hinaus gibt es zwei verschiedene Designmöglichkeiten: Standard und Experimentell.

Beispiel: Ich möchte eine Website / Homepage für meinen Beruf als Fotograf erstellen lassen. Dazu gebe ich einige Informationen zum Design vor.

Das Ergebnis zeigt eindrucksvoll, wie präzise eine KI Vorgaben umsetzen kann.

Das Layout wirkt klar, professionell und modern. Die Struktur entspricht exakt dem Prompt: Es gibt ein großes Einstiegsbild, eine übersichtliche Navigation, die geforderten drei Abschnitte und eine unaufdringliche Farbgestaltung in Weiß- und Grautönen mit blauen Akzenten. Auch die ruhige Typografie und der viele Weißraum treffen den Stil sehr gut.

Etwas weniger gut gelungen ist der Bezug zur Studiofotografie: Die Porträts wirken eher allgemein, wie von einer KI generiert, und sind nicht eindeutig als Studioaufnahmen erkennbar. Zudem könnte das Design etwas mehr Persönlichkeit zeigen, beispielsweise durch ein individuelles Logo, eine wärmere Bildsprache oder einen ausdrucksstärkeren Slogan.

All das lässt sich jedoch noch in Google Stitch verbessern.

Oben über dem entsprechenden Entwurf findest du eine kleine Leiste. Hier hast du verschiedene Möglichkeiten.

Du kannst beispielsweise das Design anpassen.

Wenn du einzelne Bildinhalte verändern möchtest, ist das auch möglich. Klicke auf das Schreib-Symbol, um den entsprechenden Bereich zu markieren, und beschreibe, was dort geändert werden soll.

Soweit die Theorie. Bei mir hat das nicht so gut geklappt, aber das wird sich in Zukunft bestimmt noch verbessern.

Weitere Optionen:

Klicke auf die Punkte, um dir die verschiedenen Optionen anzeigen zu lassen.

Du kannst Google Stitch im Browser nutzen. Hier ist der Link dazu .

Fazit: Google Stitch ist vielversprechend, aber noch nicht perfekt.

Stitch zeigt eindrucksvoll, wie weit KI-gestütztes Design heute bereits ist. In wenigen Minuten entstehen Layouts, die professionell wirken. Das ist besonders für Entwicklerinnen, Designer und Agenturen spannend, weil sich Ideen damit sehr schnell visualisieren lassen, ohne dass viel technisches Vorwissen erforderlich ist.

Allerdings merkt man noch, dass sich das Tool in der Beta-Phase befindet: Nicht jeder Befehl wird exakt umgesetzt, Bildinhalte sind teils generisch und manche Funktionen reagieren noch unzuverlässig. Die Qualität reicht zum aktuellen Zeitpunkt noch nicht aus, aber das kann sich rasch ändern. Trotzdem ist der Ansatz vielversprechend.

Wer Mockups oder UI-Prototypen erstellen möchte, kann Stitch ruhig ausprobieren. Das monatliche Nutzungslimit reicht dafür aus und die kommerzielle Nutzung der erstellten Designs ist erlaubt. Mit zunehmender Entwicklung und der Integration von DeepMind-Modellen könnte Stitch zu einem echten Werkzeug für den kreativen Alltag werden.