Diagrams that keep up with your ideas.
Flow State turns the process in your head into a clean flowchart. Click a + for the next step, describe the rest to the AI, or let Claude draw it for you.
Free. No password. No credit card.
- Sketch itone click per step
- Refine itthe AI fills the gaps
- Share ita link or a vector PDF
You wanted to map a process. Most diagram tools make you a draftsman.
Drag a box. Nudge it. Draw the arrow, miss the port, re-route it. Do it again for every step, and again whenever the process changes. The thinking takes minutes; the drawing takes the afternoon.

- 01Drag a rectangle onto the page
- 02Line it up with the one above
- 03Draw the arrow, miss the port
- 04Re-route around the new step
- 05Screenshot it, paste it, repeat
You think in steps. Flow State does the geometry.
01The canvas
Click a +. The next step is already there.
Hover a shape and click a + to add the next step: connected, aligned and ready to type. Connectors route around shapes on their own, and one click tidies the whole flow.

Swimlanes that behave. Steps snap into lanes as you drag, and lanes grow to fit.
Tidy up in one click. Auto layout straightens a messy flow without changing what it means.
Keyboard first. ⌘K for every command, ⌘⌥ + arrow to add a step where you are looking.
17 shapes, rich text. Decisions, data, databases, stickies and containers, with bold, links and lists inside.

02AI co-designer
Describe the process. Watch it appear.
Tell the AI what happens and it draws the flowchart in front of you, step by step. It runs on your own OpenRouter key, so you pick the model and you see the bill.
One undo per run. Everything the AI changed comes back with a single undo.
Playbooks as /commands. /flowchart, /swimlane, /tidy, /critique and /explain, ready in the chat.
Your key, encrypted. Stored encrypted on the server and never shown again. Your model, your bill.
A second pair of eyes. Ask /critique to find dead ends, unlabeled branches and unclear steps.
Sign in with your email. Your first flowchart in a minute.
One email carries a sign-in link and a 6-digit code. Nothing to install, no password to remember.
Start diagramming03Claude & MCP
Draw from Claude. Edits land live.
Connect Claude, or any MCP client, and it can list, draw, lay out and render your diagrams. Changes appear in your open editor as they happen, each one with a Revert.

Done. Decision tree is on your account: two questions, four outcomes.
Sign in with OAuth. On claude.ai, add Flow State as a connector and approve access once.
Or a personal token. For Claude Code, Cursor and scripts. Create and revoke tokens in Settings.
It sees the result. render_diagram returns a picture, so the model can check its own layout.
Reversible by design. Every change from Claude is one step you can revert.
What you get, in three numbers.
Start free- 17
- shapes, from process steps to databases, with connectors that route themselves
- 1
- undo to take back everything an AI run changed
- 0
- passwords: sign in with a link or a code
Your data
Yours to take.
Export everything as JSON, or delete your account, any time from Settings.
Your AI
Your key, your model.
Bring an OpenRouter key; it is encrypted at rest and only used for your requests.
Your links
Private until shared.
Share links are read-only, kept out of search engines and revocable.
Frequently asked questions
Is it free?
Yes. Diagrams, sharing and exports are free. The AI co-designer runs on your own OpenRouter key, so any model costs go straight to your OpenRouter account. Using Claude over MCP needs nothing extra from Flow State.
Do I need a password?
No. Enter your email and we send one message with a sign-in link and a 6-digit code. Use whichever is handier.
Which AI models can I use?
Any model on OpenRouter. Add your key in Settings; it is stored encrypted on the server and never shown again. One undo reverts a whole AI run.
How do I connect Claude?
On claude.ai, add Flow State as a custom connector and approve access on the consent screen (OAuth). In Claude Code, Cursor or scripts, create a personal token in Settings → Connections. Edits appear live in your open editor, each with a Revert.
What can I export or import?
Export vector PDF, SVG, high-resolution PNG and JSON, rendered from the diagram itself. Import Mermaid flowcharts and Flow State JSON.
Who can see my diagrams?
Only you, until you publish a read-only link. Links are not indexed by search engines and you can revoke them at any time. You can export all your data or delete your account from Settings.
Does it work on my phone or offline?
Yes. On phones you get a bottom toolbar, long-press menus and an outline view. Edits made offline wait on your device and sync when you are back.

Start with one diagram.
Sign in with your email, describe a process and watch it appear. Free, with no password and no credit card.
