📊
FlowChart Maker
New
Save
Load
↶
↷
+
100%
−
◉
Grid
⬅
↔
➡
🗑
Editor
Templates
Export
Guide
Shapes
▭
Rect
◬
Round
◇
Decision
●
Circle
▱
I/O
⌲
Database
Fill Color
Stroke Color
Stroke Width
2px
Line Style
Solid
Dashed
Dotted
Font Size
14px
Advertisement
Templates
Export Options
📥 Export as PNG
📥 Export as SVG
📥 Export as JSON
🖨️ Print Diagram
Flowchart Symbols
Rectangle
Process or action step
Diamond
Decision point with yes/no
Circle
Start or end point
Parallelogram
Input/output operation
Cylinder
Database or storage
Tips
Drag shapes
Drag from palette to canvas
Connect shapes
Click connection points and drag
Edit text
Double-click shapes to edit
Snap to grid
Enabled by default for alignment
Keyboard Shortcuts
Ctrl+Z
Undo action
Ctrl+Y
Redo action
Ctrl+S
Save diagram
Delete
Remove selected shape
Arrows
Move selected 1px
Best Practices
Use consistent colors
Color code by shape type or process
Keep text concise
Use brief, clear labels
Organize top to bottom
Flow naturally from start to end
Use standard symbols
Follow flowchart conventions
FAQ
How do I save my work?
Click Save or press Ctrl+S to save to browser storage
Can I resize shapes?
Select a shape and drag the edges or corners
How do I connect shapes?
Use connector tool to create lines between shapes
What file formats are supported?
Export as PNG, SVG, or JSON
Is there a limit to diagram size?
Create large diagrams with zoom and pan features
Common Workflows
Creating flowcharts
1. Add shapes 2. Connect with arrows 3. Add labels 4. Export
Organizational charts
Use rectangles arranged hierarchically with connecting lines
Mind maps
Central topic with branches radiating outward
Process diagrams
Sequential steps with decision points and loops