UXMagic Startseite
  • Funktionen
  • Bibliotheken
  • Community
  • Preise
  • Partnerprogramm
  • Ressourcen
UXMagic Startseite
UXMagic Startseite

Bibliotheken

Community
Preise
Partnerprogramm

Ressourcen

Folge uns auf:
  • Folge uns auf Slack
  • Folge uns auf Twitter
  • Folge uns auf LinkedIn
  • Folge uns auf YouTube
  • Folge uns auf Instagram
Hilfe-Center
  • 🚀Erste Schritte
  • ✨Designs generieren
    • Alle Wege, einen Screen zu generieren
    • Text zu UI
    • Screenshot zu UI
    • Skizze zu UI
    • Eine Website per URL klonen
    • Aus Figma importieren
    • Aus einem PRD oder Briefing designen
    • Wireframe-Modus
    • Flow-Modus und Screen-Pläne
  • 🎨Designen & bearbeiten
  • 📦Export & Übergabe
  • 🌐Website veröffentlichen
  • 🤝Teilen & zusammenarbeiten
  • 🔌Integrationen & Entwicklung
  • 💳Tarife, Credits & Abrechnung
  • 🛠Fehlerbehebung

Kommst du nicht weiter?

Unser Team antwortet direkt aus dem Produkt heraus.

Support kontaktieren →
  1. Hilfe-Center/
  2. Designs generieren/
  3. Flow-Modus und Screen-Pläne

Flow-Modus und Screen-Pläne

Erzeuge eine komplette mehrstufige Journey aus einem Prompt und bearbeite den Plan, bevor irgendetwas designt wird.

Zuletzt aktualisiert: 27. August 2026

Auf dieser Seite

  • Der Screen-Plan
  • Flow-Modus
  • Kosten
  • Zu einem bestehenden Flow ergänzen

Der Screen-Plan#

Bei einem neuen Projekt schlägt die KI einen Plan vor — eine benannte Liste von Screens mit je einer Zeile Zweck — bevor sie irgendetwas designt. Du kannst:

  • ihn freigeben wie er ist,
  • ihn bearbeiten: umbenennen, umsortieren, Screens hinzufügen oder entfernen,
  • ihn ablehnen und neu beschreiben, was du willst.

Erst nach der Freigabe beginnt das Designen.

Nimm diesen Schritt ernst. Planen ist billig, Designen nicht. Eine falsche Screen-Liste hier zu korrigieren kostet eine Runde. Sie zu korrigieren, wenn acht Screens fertig sind, kostet acht Neugenerierungen.

Flow-Modus#

Der Flow-Modus gestaltet die ganze Journey in einem Zug, mit gemeinsamem Theme und gemeinsamer Navigationsstruktur über alle Screens. Beschreib die Journey, nicht die Screens:

Eine Essenslieferungs-App: Restaurants durchsuchen, Restaurantdetail, Warenkorb, Kasse, Bestellverfolgung.

Screens werden einer nach dem anderen designt und erscheinen auf dem Canvas, sobald sie fertig sind — du kannst also mit dem Prüfen beginnen, bevor der Durchlauf endet.

Kosten#

Flow und andere Mehr-Screen-Operationen werden pro Screen abgerechnet, ein Flow mit fünf Screens kostet also das Fünffache eines einzelnen. Die genauen Zahlen stehen in Wie Credits funktionieren. Prüf dein Guthaben, bevor du einen großen Flow startest — ein Durchlauf, der auf halbem Weg stoppt, lässt dich mit einem halben Flow zurück.

Zu einem bestehenden Flow ergänzen#

Du musst nicht alles vorab planen. Frag später weitere Screens an, und sie werden ins bestehende Theme und die bestehende Navigation hinein gestaltet:

Ergänze einen „Passwort vergessen“-Screen und einen Leerzustand für die Bestellliste.

War dieser Artikel hilfreich?

Verwandte Artikel

Text zu UI

Verwandle eine geschriebene Beschreibung in einen hochauflösenden, bearbeitbaren Screen.

Wireframe-Modus

Erzeuge Wireframes in niedriger Detailtiefe, um die Struktur vor dem visuellen Design zu klären.

Wie Credits funktionieren

Genau, was jede KI-Aktion kostet, welche Aktionen kostenlos sind und wie ein Guthaben länger reicht.

← ZurückWireframe-ModusWeiter →Einen Screen bearbeiten

Auf dieser Seite

  • Der Screen-Plan
  • Flow-Modus
  • Kosten
  • Zu einem bestehenden Flow ergänzen

deine nächste idee
verdient es zu existieren

hör auf, drüber nachzudenken. tipp es einfach ein. Unfertig, halbgar, egal. Wir machen etwas Echtes daraus.

Produkt

  • Community
  • Preispläne
  • Partnerprogramm
  • UXMagic MCP
  • Claude MCP
  • KI-Infos

Ressourcen

  • Hilfe-Center
  • Figma-Bibliothek
  • React-Bibliothek
  • Mobile-App-Vorlagen
  • Dokumentation
  • Tutorials

Funktionen

  • Prompt zu UI
  • Bild zu UI
  • Skizze zu UI
  • Website klonen
  • Aus Figma importieren
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Alle Funktionen

Vergleichen

  • vs. UX Pilot
  • vs. Relume
  • vs. MagicPath
  • vs. Magic Patterns
  • vs. Banani
  • vs. Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Alle Wettbewerber

Blog

  • KI im UX-Design-Workflow: Was wirklich funktioniert
  • Prompt-Vorlagen für SaaS-Dashboards
  • Echte Prompts, mit denen wir Produkt-Flows generieren
  • Prompt Engineering für UX-Designer
  • Die besten Wireframing-Tools 2026: 10 kostenlose & Pro-Optionen im Vergleich
  • Alle Blogartikel

Unternehmen & Support

  • Karriere
  • Kontakt
  • Datenschutzerklärung
  • Nutzungsbedingungen
  • Cookie-Einstellungen
  • Folge uns auf Slack
  • Folge uns auf Twitter
  • Folge uns auf LinkedIn
  • Folge uns auf YouTube
  • Folge uns auf Instagram

© 2026 UXMagic AI Technologies Inc.