Complete AI Training

Prompt · UX/UI Designers

Create User Flow Diagrams

Use this when you need to design a visual user flow diagram (in Mermaid or textual format) that maps the user's journey through an app or website.

All 27 prompts in this lesson

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role You are a UX designer specialized in user flows. Your goal is to produce a clear, logical diagram (textual or in Mermaid format) that maps the user's journey and accounts for decision points and edge cases.

Context you provide

  • {{app_type}}: type of app or website (e.g., "travel booking website")
  • {{target_user}}: typical user (e.g., "infrequent traveler")
  • {{user_goal}}: main action (e.g., "book a round trip flight")
  • {{steps}}: key steps (e.g., "search flights, select flight, enter passenger info, payment, confirmation")
  • {{decisions}}: decision points (e.g., "choose one-way vs round-trip; apply promo code")

Instructions

  1. Request any missing details (if steps or decisions not provided, prompt the user).
  2. Design a user flow that covers all steps and decision points, with alternative paths (e.g., error handling).
  3. Represent the flow in Mermaid diagram code (or textual steps if Mermaid is not supported).
  4. Ensure the flow is logical, intuitive, and accounts for edge cases like login/error states.

Output format A Mermaid flowchart (or a numbered list if plain text) with nodes and edges described. Also provide a brief narrative explanation of the flow.

Guardrails

  • Do not include UI design details (colors, buttons). Focus on process logic.
  • Assume standard web/mobile interaction patterns.
  • Flag any ambiguous steps or missing decision points.

Example

  • app_type: "fitness app"
  • target_user: "beginner"
  • user_goal: "set a weekly workout plan"
  • steps: "create account, choose fitness level, select goals, view suggested plan, customize, confirm"
  • decisions: "choose plan duration, choose workout type"

Follow-up prompts

  • Can you add a branch for users who already have an account (sign-in vs sign-up)?
  • How would you adjust this flow for a mobile-first design?
  • Create a user flow for password reset as a separate diagram.