Flowchart builder: type the steps, get the chart

Write a process the way you would explain it, one step per line, and indent the steps that follow. The builder draws the flowchart as you type: questions become decision diamonds, Yes and No go on the arrows, and steps that go back become loops. There is nothing to drag or line up. Download the chart as PNG or SVG, or copy a link to share it.

Free · No sign-up

How to write the steps
  • Indent a line with two spaces (or Tab) to make it follow the line above.
  • Line ending in ? becomes a decision diamond.
  • Yes: Ship it puts Yes on the arrow that leads to Ship it.
  • (Step name) draws an arrow back to a step that already exists, for loops.
  • Same text twice is the same step, so two branches can meet.
  • ((End)) makes a rounded start or end shape.
  • [/Enter details/] makes an input or output shape.
  • [(Customer database)] makes a database shape.
  • // note is a comment and is not drawn.

Type your steps. The flowchart updates as you type.

How to use it

  1. Type the first step, then each following step on a new line indented by two spaces. Or load an example and change it.
  2. End a question with a question mark and start the lines under it with Yes: and No: to label the branches.
  3. To go back to an earlier step, write its name in brackets, for example (Take payment). Switch direction or colours if you like.
  4. Download the chart as PNG for documents and slides, as SVG for sharp printing and editing, or copy a link to share it.

Why use this tool

Text to flowchart

No dragging boxes or fixing arrows. Write the steps and the layout is done for you.

Decisions and loops

Questions become diamonds, Yes and No labels go on the arrows, and loops are drawn around the side.

Standard shapes

Process boxes, decision diamonds, start and end pills, input/output parallelograms and database cylinders.

PNG and SVG export

Download a sharp PNG for slides and documents, or an SVG that scales to any size and opens in design tools.

Share with a link

The link contains the whole chart, so others can open and edit it without an account.

Private

Everything runs in your browser. Your process is saved in this browser only.

Flowchart symbols

ShapeMeaningHow to write it
Rounded pillStart or end of the process((End)), or a step called Start or End
RectangleA step or actionAny line
DiamondA decision with two or more ways outA line ending in ?
ParallelogramInput or output, such as a form or report[/Enter details/]
CylinderStored data, such as a database[(Orders database)]
ArrowThe order of the stepsIndent the next step

How to make a good flowchart

  • Start with one clear trigger, such as Customer places an order, and end with a clear result.
  • Write each step as a short action: verb first, five words or fewer.
  • Ask decisions as yes/no questions and label both branches.
  • Keep one level of detail. Move a long sub-process into its own flowchart.
  • Read the chart from start to end once and check that every branch reaches an end.

Where flowcharts help

Flowcharts make processes easy to discuss: onboarding a new employee, handling a refund, approving an expense, or the logic of a program before it is written. Teams use them in documentation, training material, slides and standard operating procedures.

Because this builder works from text, changing the process is as easy as editing a line. You can keep the text in your notes and redraw the chart at any time.

Privacy

The chart is drawn in your browser and the text is saved only in this browser's storage. A share link puts the compressed text in the address itself, so it is not stored on any server. Anyone with the link can see the flowchart.

Frequently asked questions

Is this flowchart maker free?

Yes. It is free with no account, no watermark and no limit on the number of charts or steps.

How do I add a Yes/No decision?

End the question with ?, then on the lines under it write Yes: followed by the next step and No: followed by the other step.

How do I make a loop?

Write the name of an earlier step in brackets, for example (Enter password). The builder draws a dashed arrow back to that step.

Can I edit the flowchart in PowerPoint or Word?

Insert the PNG for a quick picture, or the SVG for a sharp image. In recent versions of Office you can convert an SVG into shapes and edit it.

Why is my step not connected?

Check the indentation. A step must be indented more than the step it follows. Lines at the same indentation are siblings, not a sequence.

Can I make the chart go left to right?

Yes. Choose Left to right above the editor. This often suits long processes on slides.

Related tools

Need something built?

Tell us what you want to create.

Tell us what you need built, from a simple website to a complete app, AI solution, automation, or custom system.

Tell us what you want to build. We review every enquiry and reply by email.

Contact

Thanks, your enquiry is on its way.

We will review the details and reply by email.