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.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- 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
- Request any missing details (if steps or decisions not provided, prompt the user).
- Design a user flow that covers all steps and decision points, with alternative paths (e.g., error handling).
- Represent the flow in Mermaid diagram code (or textual steps if Mermaid is not supported).
- 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.