Skip to main content

Sequence diagrams from the steps you write

Participants across the top, messages in order down the page.

Best for: API calls, sign-in handshakes and checkout flows.

Open the appSee the template

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

Sequence template · 4 participants · 10 messages

A worked example

The OAuth sign-in template: user, web app, auth API and database, eight messages in order. It ships with bakermind: pick it from From template in the app, or see it in the template gallery (OAuth sign-in).

What you can do

  • Add a participant

    Add a lifeline for each actor or service.

    A

  • Add a message

    Draw between two participants. Press the key again to switch between sync, async and return.

    M

  • Add a note

    Add a note to explain a step.

    N

  • Wrap in a fragment

    Select a run of consecutive messages and wrap them in loop, alt, opt or par. Alt and par can add an else; Unwrap keeps the messages.

  • Edit as code

    Write a sequenceDiagram in the code panel, including loop, alt, opt and par blocks.

    Cmd/Ctrl + /

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

Or write it as text

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

sequenceDiagram
  Buyer->>Storefront: Checkout
  Storefront->>Payments: Charge card
  Payments-->>Storefront: Confirmed

Good to know

  • Participants and messages are the building blocks; free-form shapes and ink belong on a whiteboard.
  • Agents can create a sequence board from text; changing an existing whiteboard through an agent is not supported.
Coming soon

Not yet

  • Inviting teammates to edit a sequence together.

Next