Flowchart maker
Write a simple text outline and get a tidy top-down flowchart with start/end, process, decision and input/output shapes and labelled side-branches. Export SVG, PNG or PDF. Fully offline.
Open Flowchart maker →What is the flowchart maker?
A free, offline flowchart maker that turns a simple text outline — one step per line — into a tidy top-down flowchart. Brackets choose the shape, and indented lines become labelled side-branches, so you can sketch a process quickly without dragging boxes. You can export the result as SVG, PNG or PDF, and it runs entirely in your browser.
How to use Flowchart maker
- Write the outline — Type one step per line in the text box. Wrap the text to set each shape: (start / end), [process], <decision?> and /input or output/.
- Add side branches — Indent a line under a decision to add a labelled branch, for example 'No: [Show error]', and the chart draws the side path automatically.
- Set the colours — Pick an accent colour for the lines and outlines and a box fill colour to match your style.
- Export the chart — Download the finished flowchart as a scalable SVG, a PNG image, or a PDF.
Frequently asked questions
How do I choose a shape for a step?
The brackets around the text decide the shape: (round) for start and end, [square] for a process, <angle> for a decision, and /slashes/ for input or output.
What export formats can I save?
You can export the flowchart as an SVG vector, a PNG image, or a PDF.
How do I add a Yes/No branch?
Put a decision step like <Is it valid?>, then indent the next line and prefix it with a label, such as 'No: [Show error]', to create a labelled side-branch.
Is my outline saved or uploaded?
Your outline and colours are saved on your device so they're there next time, and nothing is uploaded — it works fully offline after the first load.
Do I have to drag boxes around?
No. You write the steps as text and the layout, shapes and arrows are generated automatically top to bottom.
Tips
- Keep each step short — long text is truncated to keep the layout clean.
- Use a decision shape <like this?> whenever the path can split, then indent the branches beneath it.
- Export to SVG for a crisp chart you can scale or drop into slides and documents.
- Pick an accent colour that contrasts with the box fill so the arrows stay easy to follow.