AI
User Flow Diagram Generator
Brought to you by the folks at
How to generate an AI User Flow Diagram
Step-by-step guide on generating a User Flow Diagram
- Write a prompt describing the user flow. A simple one-liner can work, but the best prompts are at least 3–4 sentences long. Applying the below framework generally yields good results:
- Start by identifying the entry point and end goal of the flow (e.g. “User opens the app and completes checkout”).
- List the key steps, including user actions, system responses, and decision points (e.g. “If payment fails, show error and offer retry”).
- Clearly define branching logic and describe what happens in each outcome.
- Suggest any natural groupings, such as flow phases (e.g. Onboarding, Checkout) or branched paths (e.g. success vs. error), to help organize the diagram.
- Generate a diagram with the completed prompt.
- Edit the diagram with follow-up prompts (this step requires signing in to Eraser).
- Manually adjust the layout using GUI controls (this step requires signing into Eraser).
Tips on generating a User Flow Diagram
- Instead of writing a prompt from scratch, pull from product specs, user stories, or onboarding docs.
- Ask an LLM to structure the flow as a nested list, highlight edge cases, or suggest simplifications.
- Working with an LLM can help uncover blind spots or stress test the flow by simulating user behavior across branches.
See Other Diagram Generators
.svg){kind=small}
.svg){kind=small}
.svg){kind=small}
Trusted by leading architecture teams globally
%201.svg){kind=logo}
_logo%201.svg)
FAQs
How do IÂ get started?
Try one of our presets. Select an option under "Load a preset" and click "Generate Diagram". You can also browse our use case video library for more inspiration.
Can I edit my diagram?
Yes, the diagrams can be edited in Eraser, a docs and diagram tools built for engineering teams. Click on "Save and Edit Diagram". In Eraser, the diagrams can be edited using Eraser's diagram-as-code syntax.
Who made this and what is Eraser?
DiagramGPTÂ was created by the team at Eraser, leveraging OpenAI's GPT-4. Eraser (eraser.io) is a whiteboard for engineering teams. You can edit your DiagramGPT generated diagrams using Eraser.
How can I share feedback?
We'd love to hear from you. Reach out to us at hello@tryeraser.com, on Twitter (@eraserlabs), or join our Slack community.
What types of diagrams can it draw?
4 types are currently available – flow charts, entity relationship diagrams, cloud architecture diagrams, and sequence diagrams.
Is there an API?
Yes, you can read our API documentation here. Due to LLM costs, the API is only available to Professional Plan teams.
Will my data be used for LLMÂ training?
No. OpenAI nor Eraser will use your data to train AI models. Eraser may analyze your usage to improve and enhance our AI feature.
What's next?
It only gets better from here. We're working to improve accuracy and layout customization. If there's something you'd really like to see, drop us a note at hello@tryeraser.com.
.svg)
