Flowchart maker
Draw flowcharts on an interactive canvas — add start/end, process, decision and input/output steps, drag to arrange, connect any step to any other with labelled Yes/No branches, and export SVG, PNG or PDF. Fully offline.
Open Flowchart maker →What is the flowchart maker?
A free, private flowchart maker with a fully interactive canvas. Add start/end, process, decision and input/output steps, drag them into place, and connect any step to any other — including loops back and merges. It runs entirely in your browser, saves your chart to your device, and keeps working offline.
How to use Flowchart maker
- Start from the sample — Open the tool and adapt the seeded Start → Process → Decision flow, or press Reset for a fresh canvas. Set the chart's title in the toolbar.
- Add and connect steps — Hover a step and click a + button to grow the flow in any direction. Use a step's link button to connect it to any existing step — ideal for loops and merges.
- Label and restyle — Double-click steps to rename them and lines to caption them — the first two branches from a decision are labelled Yes and No automatically. Change a step's type and colour, or a line's shape and end markers, from the on-canvas toolbar.
- Export your chart — Download the finished flowchart as a crisp SVG vector, a PNG image or a PDF.
Frequently asked questions
Is my flowchart saved if I leave the page?
Yes. Your working chart is saved to your browser's local storage and reloads when you come back. It stays on your device and is never uploaded.
How do I connect two existing steps?
Select a step and press its link button, then click the target step. This draws a new connection — loops back to earlier steps and merges into shared steps are all allowed.
How do I label a decision branch Yes or No?
The first two branches you add from a decision are labelled Yes and No automatically. Double-click any line (or use its label button) to change or add a caption; labels appear in exports too.
What happened to the text outline editor?
The flowchart maker is now a direct-manipulation canvas. If you had an outline saved from the old version, it is converted into an editable chart automatically the first time you open the tool.
Can I undo a mistake?
Yes. The canvas has full undo and redo (Ctrl+Z / Ctrl+Y), and the Delete key removes the selected step or connection.
Tips
- Decision diamonds connect at their corners, and lines in and out never share the same corner.
- Give a step a dark colour and its label switches to white automatically — in exports too.
- Right-angled (step) lines give the classic flowchart look; switch a line to curved or straight from its toolbar.