Sequence diagram maker
Show who talks to whom, in order: users, apps, APIs and databases. Write one message per line and the diagram lines everything up for you.
How to use the Sequence diagram maker
- Start from the sequence template, or paste your own code.
- Name the participants, then write one message per line: App->>API: Request.
- Use -->> for replies, and alt, loop or opt blocks for branches.
- Download a PNG, SVG, PDF or Word file.
What you get
- Actors, participants and databases
- Replies, notes and numbered steps
- alt / else, loop, opt and par blocks
- Lifelines that line up by themselves
About the Sequence diagram maker
Arrows that mean something
->> is a call, -->> a reply, -x a failed message and -) an asynchronous one. autonumber numbers every step, which helps when you discuss a flow in a review.
Good for API docs
A login, payment or webhook flow is far easier to follow as a sequence diagram than as a paragraph. Keep the text next to your code and export a picture for the docs.
Frequently asked questions
- How do I show a reply?
- Use a dashed arrow: API-->>App: 200 OK.
- How do I add a note?
- Write Note over App,API: text, or Note right of User: text.
- Is my diagram uploaded?
- No. It is drawn in your browser.