Zum Inhalt springen
Toolocate
Tool eintragen
Toolocate
Eintragen

Änderung vorschlagen

Sagen Sie uns, was falsch ist oder fehlt. Jeden Vorschlag gleichen wir mit der Website des Tools ab.

Wenn möglich, mit einem Link auf die Stelle, an der die Website des Tools das sagt.

Nur, wenn Sie eine Antwort möchten.

Stitch

Website besuchen

UI-Designs und Frontend-Code aus Textvorgaben, Skizzen und Screenshots erstellen.

KI-GrafikdesignKI-Coding-Assistenten

Geprüft am 3. Nov. 2026

Gehört Stitch zu Ihnen?Eintrag beanspruchenWerbung
Screenshot der Website von Stitch

Was ist Stitch?

Stitch ist ein Experiment von Google Labs, das mit Gemini 2.5 Pro Benutzeroberflächen und Frontend-Code aus Texten oder Bildern erstellt. Es hilft Designern und Entwicklern, aus einer ersten Anwendungsidee eine visuelle Oberfläche zu erstellen, die sich verfeinern und in die Entwicklung übernehmen lässt.

Als Ausgangspunkt dient eine Beschreibung der Anwendung in einfachem Englisch, einschließlich Farbpalette und gewünschtem Nutzungserlebnis. Alternativ lassen sich Skizzen, Screenshots oder Wireframes hochladen. Stitch erstellt daraus Oberflächenentwürfe, die sich über einen interaktiven Chat, weitere Bilder und eine Theme-Auswahl anpassen lassen. Mehrere Varianten ermöglichen den Vergleich von Layouts, Komponenten und Stilen.

Für die Übergabe an das Designteam lassen sich die generierten Oberflächen zur weiteren Bearbeitung und Zusammenarbeit in Figma einfügen. Stitch exportiert außerdem Frontend-Code auf Grundlage des Designs. Der Schwerpunkt liegt auf dem Erstellen und Verfeinern von Benutzeroberflächen, nicht auf der Entwicklung des Backends einer Anwendung.

Was kann Stitch?

  • Oberflächen aus Text

    Aus einer Beschreibung der Anwendung, ihrer Farben und des gewünschten Nutzungserlebnisses entsteht eine visuelle Oberfläche.

  • Bildbasierte Entwürfe

    Hochgeladene Skizzen, Screenshots oder Wireframes dienen als Vorlage für eine entsprechende digitale Oberfläche.

  • Überarbeitung im Dialog

    Generierte Designs lassen sich über einen interaktiven Chat, weitere Bilder und eine Theme-Auswahl verfeinern.

  • Designvarianten

    Mehrere Versionen einer Oberfläche ermöglichen es, unterschiedliche Layouts, Komponenten und Stile zu erkunden.

  • Paste to Figma

    Generierte Designs lassen sich zur weiteren Bearbeitung und Zusammenarbeit in Figma übernehmen.

  • Frontend-Code exportieren

    Frontend-Code auf Grundlage einer generierten Oberfläche lässt sich für die weitere Entwicklung exportieren.

Für wen ist Stitch?

UI-Designer
Entwerfen Oberflächenkonzepte und übernehmen generierte Designs zur weiteren Bearbeitung in Figma.
Frontend-Entwickler
Erstellen aus Anwendungsbeschreibungen oder visuellen Vorlagen Oberflächenentwürfe und Frontend-Code.

Häufige Fragen

Welche Eingaben kann ich verwenden, um ein Design zu erstellen?

Sie können Beschreibungen in einfachem Englisch verwenden oder Bilder wie Skizzen, Screenshots und Wireframes hochladen.

Kann ich Designs aus Stitch in Figma bearbeiten?

Ja. Stitch bietet eine Paste-to-Figma-Funktion, mit der sich Designs zur weiteren Bearbeitung und Zusammenarbeit in Figma einfügen lassen.

Erstellt Stitch Code?

Ja. Stitch erstellt und exportiert Frontend-Code auf Grundlage des Oberflächendesigns.

Alternativen zu Stitch

Alternativen vergleichen
  1. 1FigmaOberflächen gestalten, Apps und Websites bauen und mit KI in einer gemeinsamen Umgebung zusammenarbeiten.
  2. 2CanvaPräsentationen, Grafiken, Fotos und Videos mit KI-gestützten Designwerkzeugen erstellen.
  3. 3Claude DesignMit Claude markengerechte Grafiken, Präsentationen und Oberflächen-Mockups erstellen und verfeinern.
  4. 4Converge.AIKI-Agenten für die App-Entwicklung und die Erstellung von Marketingbildern, Designs und Videos.
  5. 5SciDraw AIWissenschaftliche Illustrationen und Datendiagramme erstellen und in bearbeitbaren Formaten exportieren.