Shapes for user flows
- Rounded rectangle — a screen or page.
- Diamond — a decision (logged in? has saved card?).
- Circle — entry, exit, or external trigger.
- Arrow — transition between screens.
Ready to draw?
No signup. Opens instantly in your browser.
Map a flow in five minutes
- Open the editor.
- Drop a circle for the entry point (landing page, push notification, ad).
- Add rounded rectangles for each screen the user sees.
- Insert diamonds at decision points and branch with arrows.
- End every path in a clear success or drop-off state.
- Export to PNG for design reviews or PRDs.
Related templates
Swimlane for multi-actor flows · Decision tree for pure logic · Whiteboard for sketchy ideation.