H Flowchart

About the Flowchart tool

This free online flowchart maker lets you build process diagrams, decision trees, and workflows right in your browser. Drop down nodes, draw arrows between them, label your connections, and arrange everything on an infinite zoomable canvas — then export the result as a PNG image. There's no signup and nothing to install.

How to use

1. Click Add node or double-click an empty spot on the canvas to drop a node.
2. Hover a node and drag from its handle to another node to draw an arrow between them.
3. Select a node or arrow to edit its text, shape, color, line style, or label in the properties panel.
4. Use Auto layout to arrange nodes top-to-bottom, or drag them freely to position by hand.
5. Export your diagram as a PNG image, or save it as a file to reopen and edit later.

Key features

• Many node shapes — rectangle, diamond, stadium, parallelogram, hexagon, cylinder, document, subroutine, and more for standard flowchart notation.
• Free-form connections — link any node to any other with arrows you can reconnect, relabel, and restyle.
• Arrow and line styles — choose orthogonal, curved, or straight lines with end, both, or no arrowheads.
• Edge labels — annotate connections with text like Yes, No, or a condition.
• Color themes and per-node colors — pick a palette or set background and text colors individually.
• Grouping — bundle related nodes into named groups and ungroup them when needed.
• Auto layout, zoom, and grid snap — keep diagrams tidy and aligned.
• Undo/redo, PNG export, and file save/open — with automatic local auto-save.

Common use cases

• Mapping a business process or approval workflow with decision branches.
• Sketching software logic, algorithms, or system architecture diagrams.
• Planning user journeys or onboarding flows step by step.
• Visualizing data pipelines using database and document shapes.

Private and instant

The editor runs entirely in your browser — your flowchart is auto-saved locally and is never uploaded to a server or stored anywhere else. That makes it safe for internal or confidential diagrams, and changes appear instantly, even offline. See our Privacy Policy for details.

Tip: use the diamond shape for decision points and add Yes/No labels to the outgoing arrows to make branching logic easy to follow.

Frequently asked questions