100%
Overview
Copy
Paste
Duplicate
Select All
Fit View
Add Process Node
Delete Selected
Notice
Confirm
Input
Settings
Appearance
Dark Mode
Toggle light/dark theme
Show Grid
Snap to Grid
Show Minimap
Curved Edges
Show Arrows
How to Use
Adding Nodes
- Drag nodes from the left palette onto the canvas
- Double-click empty canvas to add a process node
Connecting Nodes
- Hover a node to see connection handles, then drag to connect
- Click an edge to select it; press Delete to remove
Repeat Loop
- Add a Repeat node and connect it after any node
- The Repeat node automatically routes back to Start when Run is clicked
- Click Stop to end the loop
Show Properties In Node
- Select a node, tick "Show properties inside node" in the panel
- The node expands to display its key data (model, URL, code, etc.)
Keyboard Shortcuts
- Ctrl+S Save Ctrl+Z Undo Ctrl+Y Redo
- Delete Delete V Select H Pan
- F Fit view Esc Deselect
About
Flowchart Maker
A free flowchart maker and visual workflow diagram builder you can use directly in your browser — no sign-up needed. Design processes, decision trees, AI pipelines, and system architectures with drag-and-drop ease.
Features
- 11 node types including LLM, HTTP, Code, Decision, Repeat
- Show node properties inside the shape for rich diagrams
- Horizontal and vertical layout modes
- Export as JSON, PNG (transparent option), or PDF
- Light and dark mode
Disclaimer: This free flowchart maker is for visual planning and documentation. Simulation is illustrative only.