02 · The screens
What it actually looks like.
Designer Flow Chart is a browser tool that turns one diagram into a suite of written documents — the work instruction, the build specification, the test script, the checklist and the rest — using only what you drew.
Draw it, press one button to number it, press another to check it, then build the documents and export. Nothing here needs a developer, or accounts with anybody else.
133 shapes, with access to multiple sets — SaaS, training, legal, manufacturing, campaigns, events, money, client work, or simply start from scratch. Boxes go inside boxes. Speech bubbles hold what will not fit in a shape.
One button reads the arrows and works out the whole hierarchy: Step 3, then Step 3 · Rule 1, then Step 3 · Rule 1 · Outcome 2. A rule cannot exist without the step it hangs off.
Nine checks: arrows that go nowhere, shapes nothing reaches, decisions with one answer, unnamed branches, rules with no outcome, empty shapes, half-finished numbering, and anything cut off from the start.
A suite of documents, every one filled in from the drawing. Change the drawing and all of them map in the updates.
You name a process. On the call it gets drawn, numbered and checked, and you leave with the diagram and a work instruction built from it — whether or not you ever open an account.
Why live and not a download. Reading about a tool tells you what it claims. Watching your own process get drawn tells you whether it holds up.
Why the form asks who you are. An owner and someone working inside the process want a different twenty minutes.
What it costs. Nothing, and no obligation at the end.
Every flow saves under your account identifier and nothing else. There is no address anyone could type that reaches somebody else's folder.
Pick a folder on your own machine and every flow saves there too, as a plain file you can open, copy and back up yourself.
Export any flow as JSON, PNG, SVG, a zoomable web page, a printed booklet, plain text, Markdown or CSV — any time, on any plan, including the free one.
Every figure below is counted from the tool itself, not estimated. Open it and you can check any of them.
What you will not find here. No customer count, no testimonials, no case studies, no hours-saved figure and no return-on-investment claim. This has not been running long enough for any of those to be true, and a number with nothing behind it is worse than no number at all.
Draw, connect, sequence, print and export on the free plan, and keep two flows. The paid plans add the rest of the shape sets, the documents, screen snaps, page layout and cloud saving — and take the limit off how many flows you keep.
Every shape and all the checks are on the free plan, printing and exporting to PNG, SVG, HTML and PDF with them. The paid plans are for keeping more than three flows.
Yearly works out better and is paid once. Start on whichever suits and move across whenever you like.
Nothing is deleted. You drop back to the free plan and can still open, print and export every flow you have — you can only edit two of those flows. Export any flow, any time, on any plan.
They stay. You drop back to the free plan, you can still open, print and export every flow you have, and the only thing that stops is saving new ones or editing old ones.
Yes — any flow, any time, on any plan, in eight formats: JSON you can import back, PNG, SVG, a zoomable web page, a PDF, plain text, Markdown and CSV.
Written, from your drawing. Your shapes, your labels, your arrows, your speech bubbles. Where your drawing does not say something, the document says the drawing does not say it and names what is missing. It never fills a gap with something plausible.
No. Every flow is saved under your account identifier, and the storage address is built from that identifier and nothing else.
No. Ten flows are already drawn and already numbered — sign-up and first payment, a new client from enquiry to first job, a quote to money in the bank, a complaint, a non-conformance, a web page section by section, and four more. Open one and change it into yours. Or book the walkthrough and one of yours gets drawn on the call.
That is what most of it gets used for. Draw the screens somebody has to learn, one panel per section, and the work instruction, the checklist and the quick card all come out of the same map.