Mit Google Stitch wird die Entwicklung von Benutzeroberflächen vollständig neu gedacht – das experimentelle Tool wandelt einfache Textanweisungen oder Bilder direkt in funktionierenden Frontend-Code um.
Google hat bei der I/O 2025 sein neuestes KI-Projekt aus den Google Labs vorgestellt. Stitch nutzt die fortschrittlichen Fähigkeiten von Gemini 2.5 Pro, um die traditionelle Kluft zwischen Design und Entwicklung zu überbrücken. Anstatt wochenlanger Abstimmungen zwischen Designern und Entwicklern ermöglicht das Tool die unmittelbare Umsetzung von Designideen in funktionierenden HTML/CSS-Code.
Besonders beeindruckend ist die Multimodalität: Stitch akzeptiert sowohl textuelle Beschreibungen („Erstelle eine minimalistische Meditations-App mit natürlichen Farbpaletten“) als auch visuelle Vorlagen und generiert daraus anpassbaren Code. Die Integration mit Figma und die Exportmöglichkeiten zu CodeSandbox oder VS Code machen das Werkzeug besonders praxistauglich.
Das Herzstück von Stitch bildet Gemini 2.5 Pro mit seinem 1-Million-Token-Kontextfenster. Textliche Eingaben werden semantisch analysiert, um funktionale Anforderungen, Stilrichtlinien und Interaktionsmuster zu extrahieren. Bei Bildvorlagen kommen neuronale Netzwerke zum Einsatz, die durch Training mit über 800 Millionen UI-Beispielen Layoutstrukturen und Komponentenhierarchien erkennen können.
Die Code-Generierung erfolgt in einem dreistufigen Prozess: Zunächst wird ein abstrakter Syntaxbaum (AST) erstellt, dieser wird dann in frameworkspezifischen Code (React, Angular, Flutter) übersetzt, und schließlich werden CSS-Regeln optimiert. Bemerkenswert: Automatisch generierte ARIA-Labels sorgen für Barrierefreiheit nach WCAG 2.2-Standard.
Interne Tests von Google mit mehr als 150 Entwicklern zeigen dramatische Zeitersparnisse: Die Erstellung einer Landing Page verkürzt sich von 8,2 auf 1,3 Stunden – eine Reduktion um 84%. Besonders die bidirektionale Synchronisation mit Figma eliminiert zeitraubende Versionskonflikte und reduziert diese um 73%.
Die Codequalität übertrifft in vielen Bereichen den Branchendurchschnitt: Lighthouse-Zugänglichkeitswerte von 98,6% (gegenüber 89,4% im Branchendurchschnitt) und 2,3-mal schnellere Cumulative Layout Shift (CLS) belegen die technische Reife des Systems.
Werbung
Rechtlicher Hinweis: Diese Website setzt Affiliate-Links zum Amazon-Partnerprogramm ein. Der Betreiber der Website verdient durch qualifizierte Käufe eine Provision. Dadurch finanzieren wir die Kosten dieser Website, wie z.B. für Server-Hosting und weitere Ausgaben.
Zusammenfassung:
Multimodale Eingabe: Stitch verarbeitet sowohl Text-Prompts als auch visuelle Vorlagen zur UI-Generierung
Direkter Code-Export: Unmittelbare Übersetzung in produktionsreifen HTML/CSS-Code mit Framework-Unterstützung
Figma-Integration: Bidirektionale Synchronisation zwischen Design-Tool und Code-Basis
Effizienzsteigerung: Zeitersparnis von bis zu 90% bei typischen UI-Entwicklungsaufgaben
Hohe Codequalität: Automatisierte Barrierefreiheit und optimierte Performance-Metriken
Zukunftsfunktionen: Screenshot-basierte Bearbeitung und sprachgesteuerte UI-Anpassungen in der Roadmap
Florian Schröder ist Experte im Online-Marketing mit Schwerpunkt PPC (Pay-Per-Click) Kampagnen. Die revolutionären Möglichkeiten der KI erkennt er nicht nur, sondern hat sie bereits fest in seine tägliche Arbeit integriert, um innovative und effektive Marketingstrategien zu entwickeln.
Er ist überzeugt davon, dass die Zukunft des Marketings untrennbar mit der Weiterentwicklung und Nutzung von künstlicher Intelligenz verbunden ist und setzt sich dafür ein, stets am Puls dieser technologischen Entwicklungen zu bleiben.
Wir verwenden Technologien wie Cookies, um Geräteinformationen zu speichern und/oder darauf zuzugreifen. Wir tun dies, um das Surferlebnis zu verbessern und um personalisierte Werbung anzuzeigen. Wenn Sie diesen Technologien zustimmen, können wir Daten wie das Surfverhalten oder eindeutige IDs auf dieser Website verarbeiten. Wenn Sie Ihre Zustimmung nicht erteilen oder zurückziehen, können bestimmte Funktionen beeinträchtigt werden.
Funktional
Immer aktiv
Die technische Speicherung oder der Zugang ist unbedingt erforderlich für den rechtmäßigen Zweck, die Nutzung eines bestimmten Dienstes zu ermöglichen, der vom Teilnehmer oder Nutzer ausdrücklich gewünscht wird, oder für den alleinigen Zweck, die Übertragung einer Nachricht über ein elektronisches Kommunikationsnetz durchzuführen.
Vorlieben
Die technische Speicherung oder der Zugriff ist für den rechtmäßigen Zweck der Speicherung von Präferenzen erforderlich, die nicht vom Abonnenten oder Benutzer angefordert wurden.
Statistiken
Die technische Speicherung oder der Zugriff, der ausschließlich zu statistischen Zwecken erfolgt.Die technische Speicherung oder der Zugriff, der ausschließlich zu anonymen statistischen Zwecken verwendet wird. Ohne eine Vorladung, die freiwillige Zustimmung deines Internetdienstanbieters oder zusätzliche Aufzeichnungen von Dritten können die zu diesem Zweck gespeicherten oder abgerufenen Informationen allein in der Regel nicht dazu verwendet werden, dich zu identifizieren.
Marketing
Die technische Speicherung oder der Zugriff ist erforderlich, um Nutzerprofile zu erstellen, um Werbung zu versenden oder um den Nutzer auf einer Website oder über mehrere Websites hinweg zu ähnlichen Marketingzwecken zu verfolgen.
