How to use the Flowchart Maker
- Write each flow on a line, linking steps with ->.
- End decision steps with ? and label branches like “yes: Next step”.
- Choose a direction and theme, then download SVG or PNG.
What does this tool do?
Dragging boxes around is slow. Writing the logic as text is faster and keeps diagrams easy to change: the layout engine places steps in layers, minimises crossing lines and routes loops around the outside.
Diagrams are drawn in your browser as SVG — crisp at any size and editable in Figma, Illustrator or Inkscape.
Why use it?
- Automatic layout.
- Decisions and loops.
- SVG and PNG export.
Privacy
The calculation happens instantly in your browser. The numbers you enter are not sent to our servers or saved. There's no account to create and nothing to install.
Last reviewed by the M2Toolkit team.