Article · 10 minute read

What is a user flow, and why it matters

Figma Free Beginner

The short answer says the real work is thinking through the user's path, and mapping the flow is how you do that before touching a screen. This shows how to lay out every step and decision point a user hits toward their goal. Doing this first tells you exactly which screens you need, so you never build one you did not.

  • The flow comes before the screens and tells you how many you need
  • Mapping decision points surfaces gaps before you build them
  • A clear flow is what you hand to whoever writes the code

The question it answers

  1. Should I learn Figma, and how much design do I really need?

Read with it

  1. The single best thing ever written on customer conversations. It teaches you to ask about the customer's life and past... momtestbook.com Book · ~130 pages The Mom Test Rob Fitzpatrick
  2. Design tactics written specifically for developers and non-designers who need to ship good-looking UI without a design... refactoringui.com Book · ~250 pages Refactoring UI Adam Wathan & Steve Schoger
  3. The foundational text on human-centered design that every product person should read once. It rewires how you see every... jnd.org / Basic Books Book · ~350 pages The Design of Everyday Things Don Norman
  4. A clear, tool by tool guide to turning an idea into a working prototype in minutes, aimed at people who do not code. It sorts... Lenny's Newsletter Article · 25 min read A guide to AI prototyping for product managers Colin Matthews
  5. When you need people to feel the flow, not just read a pitch, a clickable Figma prototype gets you there without code. This... Figma Tool Guide to prototyping in Figma Figma
  6. A free, no signup whiteboard with a deliberately hand drawn look, ideal for sketching screens and flows without falling into... Excalidraw Tool Excalidraw Excalidraw
eChai Partner Brands The partnership →