Blueprint

The workspace for software architecture

Your software architecture, in one place

A box for every moving part, a line between them, and links that work out their own way around.

No account needed. Boards stay in this browser until you want them anywhere else.

CLIENTWeb clientSERVICEAPI gatewayQUEUEJob queueCACHEFeed cacheSERVICEFan-out workerDATABASEPostgres
6types to start with
3worked examples
3ways out: PNG, SVG, JSON
0accounts required

Twelve seconds

Watch one come together

Share/b/7f3ka91cSERVICEAPI gatewayDATABASEPostgresCACHEFeed cache
  1. 1Drop a box
  2. 2Drag a link off it
  3. 3Move it — the link follows
  4. 4Share the lot

The palette

Types you invent yourself

6 to start with, and none of them sacred. Name your own, give it a colour, drag it where it belongs — and the palette belongs to that board alone, not to the app.

TYPES · DRAG TO REORDERServiceDatabaseQueueCacheClientLoad balancer+ New typeNEW TYPEe.g. Load balancerLoad balancerAdd

The links

Lines that route themselves

You say what connects to what. Where the line goes, and what it steps around on the way, is not your problem.

SERVICEAPI gatewayCACHERedisDATABASEPostgres

Boards

One for every system in your head

Name them, switch between them, rename or delete them — most recently touched at the top. Each keeps its own diagram and its own palette, so none of them has to agree with the others.

BOARDSBilling×Checkout flow×Feed pipeline×URL shortener×NEW BOARDBoard nameBillingSimple web appCreate

Sharing & export

Send the diagram, not a screenshot

A link anyone can open, read only, switched off whenever you like. Or a file — and the file is drawn from the board, not scraped off the screen.

SHARED · READ ONLY/b/7f3ka91cPNG2× raster, framedSVGvector, real textJSONthe board itself

Everything else in the box

It saves itself

Half a second after you stop.

Start as a guest

Sign in later; your boards come with you.

Undo means undo

Ctrl+Z for a box, a toast for a board.

Bring one in

Paste the JSON, or pick the file.

Save a copy

Fork any board someone shares with you.

Say when it breaks

One click away, and you see the reply.

Or start from one that already works

  • The Simple web app templateSimple web app4 boxes · 3 links
  • The URL shortener templateURL shortener7 boxes · 7 links
  • The Instagram feed templateInstagram feed8 boxes · 8 links
  • Blank boardnothing but the grid

Shortcuts

Ten things, and you know the whole editor

Drag
Move a box. Links follow.
Double-click
Rename in place.
Drag a dot
Connect two boxes.
Click a line
Delete that link.
Del
Remove the selection.
CtrlZ
Put the last thing back.
F
Frame the whole design.
Ctrlscroll
Zoom around the pointer.
Two fingers
Scroll the board.
?
This list, on the board.

Boards you can get back

Deleted is not destroyed

A board is stamped, not dropped.

Sharing is a decision

Private until you say so. Revocable after.

Read-only means read-only

They get the picture, never the editor.

Your work leaves with you

JSON out, JSON back in.

Open a board. It’s already ready.

Nothing to install, nothing to configure, nothing to sign up for.