Flowchart workspace
Build a flowchart with process, decision and start/end shapes. Drag steps, connect labeled arrows, adjust the canvas and export SVG, PNG or an editable local diagram.
How to use
- Add process, decision or start/end shapes and edit their labels.
- Drag shapes into place and connect source/target shapes, choosing sides and optional arrow labels.
- Review the diagram, export SVG/PNG and save JSON to continue editing later.
Before you start
Up to 50 shapes and 100 arrows. Canvas 600–3000 × 400–3000 units; shapes 60–600 × 40–400. Drag or use arrow keys and coordinates; choose connection sides manually. For example, connect a decision to two steps and label the arrows Yes and No. Curved connectors follow moved shapes but do not automatically avoid other shapes or crossings. Labels wrap approximately and shorten when space runs out; enlarge a shape or shorten its label. Full labels remain in editable JSON. Export uses a white background and excludes selection/grid controls; PNG has a 2400-pixel longest side. No automatic layout, process validation, collaboration, external images, Visio or draw.io import. JSON up to 1 MB. Save before closing; no automatic storage.