Free · Turn steps into a clear flow

Flowchart Maker

Write simple steps and decisions, then download a clean flowchart as SVG or PNG.

  • Live preview
  • Private in your browser
  • SVG and PNG downloads

Turn steps into a clear flow

Edit the words on the left. The finished diagram appears on the right.

Look
Diagram code5 lines · 4 steps

Tip: press Ctrl or Command + Enter to draw now.

PreviewDrawing starter diagram
Drawing your diagram

Three simple steps

How to use it

  1. Pick a starter and replace its labels with your own steps.
  2. Use arrows to show what happens next and diamonds for choices.
  3. Download an SVG for sharp printing or a PNG for quick sharing.

Your diagram stays on this device

Mermaid draws the diagram inside this browser tab. Bookify does not upload or save your code or diagram. Close the tab and the working copy is gone.