Flow Chart Drawer

Export

Start with a shape

Choose a symbol, then click the canvas.

Select and move shapes · Drag a handle to connect

Clear the canvas?

You can undo this action.

Drawing & shortcuts

Choose a shape and click the canvas. Drag a shape to move it; drag its corner to resize. Double-click a shape to edit its text.

Drag between connection handles, or choose Connect and click two shapes. Select a line to edit its label and arrow.

Shift-click to select multiple shapes. Drag on empty space to select a group. Hold Space to pan; use the mouse wheel to zoom. On touch screens, use Pan or pinch to zoom.

Select / Pan / Connect
V H C
Undo / Redo
⌘/Ctrl Z / Shift Z
Copy / Paste
⌘/Ctrl C / V
Duplicate / Select all
⌘/Ctrl D / A
Save JSON
⌘/Ctrl S
Move selection
Arrow keys · Shift = 10 px
Delete / Deselect
Delete / Esc

Files are processed locally. Your diagrams are saved in this browser and are not uploaded.