MyMapUser flow for a mobile app signup process with email, social login, and onboarding steps...
flowchart
01
Define the task boundary
Choose one start and a clear success state, then note any alternative entry points.
flowchartprocesses, SOPs, decisions
User Flow Maker
Describe your app feature or user journey and AI builds an interactive user flow — with screens, decision points, and action steps mapped end to end.
Free to startNo credit card requiredPDF, docs & images supported
mymap.ai
Free User Flow Maker
− 100% ＋ Fit
ChatA
Ask a follow-up…
Auto⌄Claude Sonnet 5⌄
Templates made with this tool
Real prompts and the maps that came back. Open one to see the whole board and remix the prompt.
Prompts to start from
Click one to fill the box above. Edit anything before you send.
How to make a user-flow diagram
No template to fill in and no drawing. You talk; the canvas keeps up.
02
Connect actions and decisions
Ask for screen names, action labels, and branches for choices, errors, or permissions.
Export
PNGfree
PDFPro
Present
Share link
03
Walk every route
Follow the success path and each failure path. Ask to add recovery steps where users would otherwise reach a dead end.
What is a user flow?
A user flow traces how someone completes a task through a product. It connects interface states with actions and decisions, exposing what must happen between arrival and success.
Use it before detailed screen design
A flow helps product and design teams find missing states, unnecessary steps, and ambiguous requirements before investing in polished layouts.
Make each path understandable
- Name the user goal. A diagram for buying a ticket needs a different endpoint from one for browsing events.
- Distinguish screens from actions. A page name and a click should not be interchangeable labels.
- Label decision branches. Write conditions such as verified or expired on the relevant routes.
- Include recovery. Show what users can do after errors, cancellation, or missing information.
- Mark completion clearly. A final screen should explain what the user has accomplished.
Draft the paths from your scenario
MyMap can draw a flow and adjust branches through follow-up requests. The example follows SaaS signup through email verification, profile completion, and onboarding to a dashboard.
Export and share
PNG and PDF
Whole map or one frame. PDF and clean PNG on Pro.
Slides
Ask for slides from this map and present frame by frame.
Share a link
A read-only link for anyone; they can copy it to their own canvas.
Keep editing
Every map stays on your canvas; come back and ask for more.
Common questions
Can the flow include more than one user type?
Yes. Name the roles and show where their paths differ. Separate diagrams may be clearer when they pursue different goals.
Is a user flow a clickable prototype?
A flow describes paths between states. It does not by itself implement screens or make their controls functional.
What should I include beyond the happy path?
Consider missing data, denied permissions, expired links, failed requests, cancellation, and how users resume the task afterward.
Related tools & templates
Browse all templatesTemplate
Ecommerce User Flow
An ecommerce user flow diagram from product browsing through search, cart, authentication, checkout, payment, and order confirmation with decision points.
Template
Onboarding User Flow
A SaaS onboarding user flow from signup through email verification, profile setup, role-based branching, product tour, and activation with re-engagement loop.
Template
User Flow - SaaS Signup Process
A user flow diagram tracing the SaaS signup journey from landing page through email verification, account setup, and initial onboarding steps.
Template
User Flow - E-Commerce Checkout
A user flow diagram for an e-commerce checkout process covering cart review, shipping details, payment selection, and order confirmation with error handling paths.
AI 4Ls Retrospective Maker
Organize retrospective notes into Liked, Learned, Lacked, and Longed For, then turn selected themes into follow-up actions.
Free 5S Audit Template
Draft a workspace-specific 5S audit with observable checks, consistent scoring, and corrective-action follow-up.
Free AI A3 Report Template Generator
Draft an A3 problem-solving report with current conditions, root-cause hypotheses, countermeasures, owners, and follow-up measures. Keep evidence separate from assumptions.
AI Account Map Maker
Map a target account's people, buying roles, reporting relationships, and known influence paths to identify gaps in your account understanding.
User Flow Maker
Free to start. No credit card required.
✦ Free to start · No credit card required · PDF, docs & images supported