Skip to main content

Flowcharts for processes and decisions

Blocks and labeled connectors. Move a block and its connections follow, then let auto-arrange tidy the result.

Best for: Signup flows, approvals, triage and decision trees.

Open the appSee the template

No account needed. Opening this page never creates a board; in the app, choose Flowchart from the New menu.

Flowchart template · 6 shapes · 1 decision

A worked example

The user signup flow template: six shapes and two decisions, from the signup page to a new workspace. It ships with bakermind: pick it from From template in the app, or see it in the template gallery (User signup flow).

What you can do

  • Add shapes

    Rectangle, ellipse and diamond are one key each.

    R, O, D

  • Quick add

    With a shape selected, add a connected shape in the direction you press.

    Alt + arrow keys

  • Connect

    Pick the connector tool and drag between shapes. Connectors can be straight, elbow or curved, and can bend.

    C

  • Auto-arrange

    Lay the whole flowchart out top to bottom or left to right from the Auto-arrange menu in the dock.

    Alt + Cmd/Ctrl + T

  • Edit as code

    Open the code panel to write or paste a flowchart, preview it and insert it into the board.

    Cmd/Ctrl + /

Cmd is Ctrl on Windows and Linux. Press ? in the app for the full shortcut list.

Or write it as text

A small flowchart as text. Paste this into the code panel (board menu, then Code) and the diagram updates.

flowchart TD
  A[Sign up] --> B{Email valid?}
  B -->|yes| C[Send verification]
  B -->|no| A

Good to know

  • Flowcharts are drawn on the same canvas as whiteboards, so you also get stickies, text and ink if you need them.
  • Newer connector styles sync to your account only after the matching database update is applied on the deployment you use.
Coming soon

Not yet

  • Real-time co-editing of a flowchart with teammates.

Next