# Flowchart maker — Mermaid text to diagram, no upload

> Free flowchart maker: write a flowchart in Mermaid text and see it render live, then export SVG, PNG, or PDF. Runs entirely in your browser — nothing uploaded.

Write a flowchart as Mermaid text and watch it render live, then export SVG, PNG, or PDF. Because it's diagram-as-code running in your browser, you get version-controllable diagrams and nothing is uploaded.

Flowcharts are the workhorse diagram — processes, decisions, and logic — and drawing them by hand in a canvas tool is slow to edit. Writing them as Mermaid text flips that: you describe the steps and arrows, and the layout engine draws a tidy chart you can restyle in seconds.

Because the source is plain text, a flowchart lives happily in a README or a pull request and diffs like code, so it never drifts out of date the way an exported image does.

For interactions over time use the Sequence diagram, for lifecycles use the State diagram, or switch engines freely in the Playground.

## How to

1. **Write the flow.** Describe nodes and arrows in Mermaid flowchart syntax.
2. **See it render.** The diagram updates live as you type.
3. **Style it.** Adjust direction (top-down or left-right) and node shapes.
4. **Export.** Download SVG, PNG, or PDF.

## FAQ

### How do I make a flowchart from text?

Write the steps and decisions in Mermaid's simple arrow syntax (A --> B, B -- Yes --> C) and it renders a flowchart instantly — no dragging boxes around.

### Why use diagram-as-code instead of a drag-and-drop editor?

Text diagrams diff cleanly in Git, are fast to edit, and stay consistent automatically. You describe the logic; the layout is handled for you.

### Can I export a transparent or high-res image?

Yes. SVG is vector (infinitely scalable), and PNG/PDF export are available for slides and docs.

### Is my diagram source uploaded?

No. Mermaid renders in your browser tab, so the text and the diagram — which may describe internal systems — never leave your device.


## Related tools

- [Sequence diagram](https://www.safepaper.app/diagram/sequence-diagram)
- [State diagram](https://www.safepaper.app/diagram/state-diagram)
- [Playground](https://www.safepaper.app/diagram/playground)
- [Graphviz (DOT)](https://www.safepaper.app/diagram/graphviz)

---

Canonical HTML: https://www.safepaper.app/diagram/flowchart
Markdown: https://www.safepaper.app/diagram/flowchart.md

There is no upload endpoint — your files are processed in this browser tab. Open your network tab and check.