Flowchart Maker

Draw a Flowchart by Typing.

Loading…

Dragging boxes and straightening arrows is the slow part of making a flowchart. Here you write the logic instead: "Order received -> Check stock" creates two boxes and an arrow, and the layout is worked out automatically.

Round brackets make a start or end shape, curly braces a decision diamond, and text after a colon labels the arrow, as in "{In stock?} -> Ship it: yes". Change a line and the chart redraws.

How to use the Flowchart Maker tool

  1. Write one connection per line, such as A -> B.
  2. Use (text) for start and end and {text} for questions.
  3. Choose the direction and colors, then download PNG or SVG.
  • Documenting a process or a decision
  • Planning the logic of a program or a form
  • Explaining steps in a lesson or a manual

Tips for the best result

  • Use exactly the same wording to refer to the same box again.
  • Chains work too: A -> B -> C on a single line.

Quick facts

PriceFree
Works withPNG, SVG
Where it runsIn your browser, on your device
AccountNot needed

Frequently asked questions

How do I make a loop back to an earlier step?

Write an arrow to the earlier box; it is drawn around the side.

Can I move boxes by hand?

No. Positions follow from the connections. Download the SVG to fine-tune in a drawing program.

What do the shapes mean?

Rounded for start and end, rectangle for a step, diamond for a yes-or-no question.

How big can the chart be?

Dozens of boxes are fine; very large charts read better split into parts.