Flowchart Maker — Free Flowcharts with Smart Connectors
Processes, algorithms, admission steps, troubleshooting guides — a flowchart makes the order of steps impossible to misunderstand. Add shapes, drag them into place, connect them, and the connectors route themselves neatly between the nearest sides.
How to use the Flowchart Maker
- Add shapes with the buttons at the top — Start/End, Process, Decision, Input/Output or Document.
- Drag each shape into position and click it to edit its text and exact size in the editor below.
- To join two shapes: select the first, press "Connect selected", then click the target shape. The connector picks the nearest sides and routes itself with a clean elbow.
- Select a connector (it is created already selected) and type a label such as Yes or No. Download the PNG when the chart reads clearly.
How it works
Connectors are computed geometrically: for any two shapes the maker compares all sixteen pairs of side anchors (top, bottom, left, right on each), picks the closest pair, and routes an orthogonal elbow through the midpoint — so arrows stay tidy wherever you drag the shapes. Arrowheads are drawn from the final segment angle. Everything is vector-drawn on canvas in your browser; nothing is uploaded.
Worked example
A school clerk maps admissions: Start → Fill the form (Document) → Documents complete? (Decision) — Yes leads to Pay the fee, No loops the family back to a "Bring missing papers" process box. The PNG is printed for the office notice board.
Frequently Asked Questions
What is the difference from the Mind Map Maker?
A mind map branches ideas from one centre. A flowchart shows ordered steps and decisions with directed arrows — use it for processes, algorithms and procedures.
How do connectors choose their route?
Automatically — the maker measures the distance between every pair of sides on the two shapes and routes an elbow connector between the closest pair, updating as you drag.
Can I label decision branches?
Yes — after connecting, the new connector is selected; type Yes, No or any label in the Connector label box.
Can I save my flowchart?
Download the PNG for the finished chart. The diagram stays editable while the tab is open.
Is the flowchart maker free?
Yes — free, no sign-up, no watermark, and your diagram never leaves your device.
Related Design Tools
Chart Maker
Turn a table or pasted CSV into bar, line, pie and doughnut charts — custom colours, legend and PNG export.
Photo Collage Maker
Combine 2–9 photos into polished grid, hero and mosaic collages with gaps, rounded corners and PNG/JPG export.
Logo Maker
Design a clean logo with your brand name, tagline, fonts, colour schemes and built-in icons — transparent PNG export.
Poster / Flyer Maker
Build posters and flyers on ready sizes (A4, square, story) with movable text and shapes, templates and PNG export.
Mind Map Maker
Grow ideas from a central node with tidy auto-layout, colour themes, pan and zoom — export PNG or save as JSON.
Drawing Whiteboard
Sketch, annotate and brainstorm with pen, shapes and eraser — undo/redo and PNG export, touch friendly.
Business Card Maker
Design a print-ready business card (3.5 × 2 in at 300 DPI) with your details, colours and logo icon — PNG export.
Screenshot Beautifier
Drop a screenshot onto a beautiful gradient backdrop with padding, rounded corners and shadow — share-ready PNG.
Image Annotation Editor
Mark up screenshots and images with arrows, text labels, boxes and privacy blur — then export a clean PNG.
Favicon Generator
Turn a letter, emoji or initials into a full favicon set — PNG sizes plus a real .ICO file, generated on your device.