Process flow builder
Draw flowcharts and process diagrams, then export PNG, SVG, PDF or an editable .drawio file.
Runs in your browserFree — no signup
How to use Process flow builder
Process flow builder is a free flowchart editor that runs entirely in your browser. Add shapes, connect them with arrows, label everything, and export a picture, a PDF, or an editable .drawio file — no account, no watermark.
Step by step
- 1Click a shape button (Start/End, Process, Decision, Input/Output, Document) to add it to the canvas.
- 2Drag shapes to position them; click one to select it and edit its text below the canvas.
- 3With a shape selected, click “Connect from selected”, then click the target shape to draw an arrow.
- 4Label arrows (for example Yes / No on a decision) in the panel under the canvas.
- 5Export as PNG, SVG, PDF, an editable .drawio file, or JSON you can reopen here later.
What to expect
- Standard flowchart symbols with automatic edge-to-edge arrow routing.
- Exports at 2x resolution so the PNG stays sharp in slides and documents.
- The .drawio export opens directly in diagrams.net if you want to keep editing elsewhere.
- JSON save/open so you can come back to a diagram on the same device.
Common use cases
- Documenting an approval or onboarding process for a team wiki.
- Sketching a decision tree for a workshop or training slide.
- Replacing a Visio licence for simple flowcharts.
Privacy & data
The diagram never leaves your browser. Saving means downloading a file to your own device — nothing is stored on a server.
Frequently asked questions
Related tools — send your output onward