DiagramGPT — Eraser

Start from a type

• Architecture
• Flowchart
• Business Process
• Data Flow
• Database Schema

How it works

How to generate a user flow diagram

Tips on making 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.

1. 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.

2. Make a diagram with the completed prompt

3. Edit the diagram with follow-up prompts (this step requires signing in to Eraser)

4. Manually adjust the layout using GUI controls (this step requires signing into Eraser)

Generate any type of diagram with AI

• Architecture
• Swimlane
• Sequence
• Flowchart
• ERD
• Data Flow
• Network
• AWS
• Azure
• Terraform
• Kubernetes
• Use Case
• State
• UML
• Block
• Process Flow
• Process Map
• User Journey Map
• Workflow
• Org Chart
• System Architecture
• Mermaid Editor
• PlantUML Editor

Frequently asked questions

• Can I edit the generated user flow diagrams? Yes. Click “Save and Edit Diagram” to open it in Eraser, where you can edit using diagram-as-code syntax or the visual GUI.

• What can I use as a prompt? Plain English, a nested list, or a code snippet. You can also paste excerpts from requirements docs, transcripts, or knowledge-base articles.

• Can I use this from an AI agent? Yes. Eraser runs an MCP server, so any MCP-compatible client – Claude, Cursor, or ChatGPT – can create and edit these diagrams directly.

• Who created this tool? The user flow diagram maker was created by the team at Eraser, leveraging frontier AI models.

• Is it free? Generating user flow diagrams is free and requires no sign-up. Sign in to a free Eraser account to edit, save, and export your diagrams.

• Is there an API? Yes, you can read our API documentation. The API is only available to Starter, Business, and Enterprise Plan teams.

• Is there an MCP server? Yes. The Eraser MCP server lets an agent create, search, read, update and export diagrams from clients like Claude, Cursor, VS Code and ChatGPT. It is free to use, subject to the AI credit limits of your plan.

• Do you use my data to train AI models? No. Neither Eraser nor our model providers use your data to train AI models. Eraser may analyze usage to improve and enhance our AI features.

• How do I get started? Describe what you need in the prompt box above and generate. You can keep refining the result with follow-up prompts.

• What’s next for this tool? It only gets better from here. We’re working to improve accuracy and layout customization. If there’s something you’d like to see, drop us a note at hello@eraser.io.

• How do I get in touch? We’d love to hear from you. Reach out at hello@eraser.io, on X (@eraserlabs), or join our Slack community.