About This Tool
- Click a shape in the left sidebar to add it to the canvas
- Double-click any node to edit its label
- Drag from a node handle (dots on edges) to another node to create a connection
- Use the Auto-Layout button to arrange nodes automatically
- Export your diagram as PNG or save/load it as JSON
- Designing software architecture and system diagrams
- Mapping out user flows and product decision trees
- Visualising business processes and workflows
- Quickly sketching algorithm logic or data pipelines
- Hold Shift and click to multi-select nodes, then drag them as a group
- Press Backspace or Delete to remove a selected node or edge
- Use Auto-Layout to clean up messy diagrams in one click
- Save your work as JSON so you can reload and continue editing later
Related Tools
CSS Layout Playground
Visual CSS Flexbox and Grid layout builder with live preview and code output. Adjust container and item properties, see changes instantly, then copy the generated CSS and HTML into your project.
Code Screenshot Generator
Turn any code snippet into a beautiful, shareable screenshot. Choose from popular syntax themes, select your language, adjust padding and background, then export as a high-quality PNG — no Carbon account required.
Checklist Generator
Create and manage checklists from pre-built templates or from scratch. Choose from travel packing lists, moving checklists, camping trips, wedding planning timelines, and more. Track progress with visual indicators, export to PDF, copy as text, or share via link.
Scrum Poker Session Planner
Plan your sprint tickets effectively with this client-side Scrum Poker tool. Enter your username, create or join sessions, and collaboratively size sprint tickets.