Flowchart maker
Add steps with one click, drag them where you want them, and connect them with arrows. Great for processes, school work and documentation.
How to use
- Press a button such as Start / End, Step or Decision to add a box. If a box is selected, the new one is connected to it automatically.
- Drag a box to move it, click it to edit its text, shape and colour, and use “Connect to” to add more arrows.
- Press Download PNG (or SVG) to save the finished chart.
Flowchart maker
Arrows are attached to the boxes: when you move a box, its arrows follow. You can add labels such as “Yes” and “No” to any arrow, change colours, and undo or redo every step.
“Tidy up” arranges all boxes into neat rows from top to bottom. PNG is ideal for slides and documents, while SVG stays sharp at any size.
The optional AI command tab lets a chatbot write the steps and arrows from a description; the tool lays them out automatically and you can keep editing by hand.
Frequently asked questions
How do I connect two boxes?
Click the first box, then choose the second one in “Connect to”. Or select a box and add a new step: the new box is linked to it automatically.
How do I label a Yes / No branch?
Click the arrow, then type the label (for example Yes) in the “Arrow label” field.
Can I rearrange everything automatically?
Yes. Press “Tidy up” to lay the boxes out neatly from top to bottom.
More Drawing Tools
📖 Guide：Flowchart symbols explained: how to draw a clear flowchart · Drawing Tools ›