User Flows aus Worten.
Beschreibe einen Prozess oder Onboarding — die AI baut ein Flow-Diagramm mit Schritten und Decision-Points. Live-Preview, exportierbar als SVG.
So funktioniert das User Flow Generator
// schritt für schrittIn drei Schritten zu deinem Ergebnis — kostenlos, ohne Anmeldung.
Flow beschreiben
Beschreibe in 2-4 Sätzen was der Nutzer tut: Start-Punkt, Entscheidungen, Aktionen, End-Punkt. Verwende natürliche Sprache.
AI baut Diagramm
Claude erkennt Decision-Points (Wenn/Sonst), Aktions-Schritte und Speicher-Vorgänge automatisch und generiert ein klares Mermaid-Flowchart.
Exportieren oder anpassen
Als SVG runterladen, in Designs einbauen oder den Mermaid-Code für eigene Anpassungen kopieren.
FAQ
// direkt beantwortetHäufige Fragen zum User Flow Generator.
Wofür sind User-Flow-Diagramme gut?
Sie machen Prozesse für alle Stakeholder verständlich: Designer, Entwickler, Product Owner. Vor allem bei Onboarding, Checkout, Auth-Flows und kritischen User-Journeys lohnt sich die Visualisierung.
Kann ich Decision-Points (Wenn/Sonst) modellieren?
Ja, das ist die Stärke. Schreibe einfach 'Nutzer prüft ob bereits Account vorhanden' und die AI generiert eine Raute mit Ja/Nein-Verzweigung.
Wie detailliert soll die Beschreibung sein?
Je detaillierter, desto besser. Faustregel: Was der Nutzer tut + welche Entscheidungen passieren + was am Ende rauskommt. 5-15 Schritte sind ideal.
Was unterscheidet das vom Architektur-Diagramm?
User-Flows zeigen WIE Nutzer mit dem System interagieren (chronologisch, mit Entscheidungen). Architektur-Diagramme zeigen WAS dein System hat (technische Komponenten und Verbindungen).
Kann ich den Flow später ergänzen?
Ja. Der Mermaid-Code ist menschenlesbar — du kannst Schritte hinzufügen, Decision-Points umbauen oder Pfade ergänzen. Oder einfach eine neue, ausführlichere Beschreibung generieren.
Wo verwende ich das Diagramm?
Wireframes, Spec-Dokumente, Onboarding-Reviews, Stakeholder-Präsentationen, GitHub-READMEs. Überall wo ein Prozess klar visualisiert werden muss.
Verwandte Tools
// weiter im werkzeugkastenWeitere kostenlose Tools die dir helfen.