Zum Hauptinhalt springen

Flow Generation

Flow Generation erstellt komplette Multi-Screen-Anwendungen aus einer einzigen Beschreibung. Beschreibe deine gesamte App und Seemodo generiert alle Seiten gleichzeitig.

Single Screen vs. Create Flow

ModusBeschreibung
Single ScreenEin Screen pro Prompt
Create FlowMehrere verbundene Screens aus einer App-Beschreibung

Flow generieren

1

Zu Create Flow wechseln

Klicke den Create Flow Tab in der Prompt-Sektion.
2

App beschreiben

Schreibe eine Gesamt-Beschreibung deiner Anwendung:“Eine Essenslieferungs-App mit Splash-Screen, Restaurant-Übersicht mit Filtern, Restaurant-Detail mit Speisekarte, Warenkorb mit Mengen, Checkout mit Adresse und Bezahlung, Bestellbestätigung und Lieferverfolgung mit Karte.”
3

Autoflow klicken

Die KI analysiert deine Beschreibung und erstellt eine Liste einzelner Screens mit Namen und detaillierten Prompts.
4

Überprüfen und anpassen

Screen-Namen und Prompts bearbeiten. Per Drag & Drop umsortieren. Nicht benötigte Screens entfernen.
5

Generate Flow klicken

Alle Screens werden parallel generiert und erscheinen nebeneinander auf dem Canvas.

Autoflow

Autoflow ist die KI, die deine App-Beschreibung in logische Screens aufteilt.

Anzahl der Screens steuern

Gib eine Zahl im #-Feld neben dem Autoflow-Button ein. Leer lassen = KI entscheidet die optimale Anzahl.

Screens anpassen

AktionWie
UmordnenGreif-Handle links ziehen
UmbenennenAuf den Screen-Namen klicken
Prompt bearbeitenBeschreibung eines Screens ändern
EntfernenMinus-Button (−) klicken
Alle löschen”Clear” klicken

Gemeinsame Einstellungen

Alle Screens im Flow teilen: Design-Modus, Seitentyp, Bildschirmgröße, Deep Design, Max Mode und Referenzbilder.

Tipps für tolle Flows

  • User Journey beschreiben — Was passiert zuerst, dann, danach
  • Stil einmal nennen — “Dunkles Theme, blaue Akzente” in der Hauptbeschreibung gilt für alle
  • Spezifisch bei Inhalten sein — “Restaurant-Liste mit Name, Bewertung, Lieferzeit, Küche” statt “eine Listenseite”
  • Referenzbilder hochladen — Stil wird auf alle Screens angewendet
Flow Generation im Free-Plan ist auf 3 Screens pro Flow limitiert. Pro und Business Pläne erlauben unbegrenzte Screens pro Flow.

Nächste Schritte

Visual Designer

Einzelne Screens generieren

Deployment

Deinen Flow als Live-App veröffentlichen