Skip to content

One canvas, the whole way through

Every tool writes to the same document, so a rough stroke, a component instance and a flow node can sit side by side on one board and point at each other. Everything below is one board, cropped three times.

01drawing

An infinite canvas that starts rough

Freehand strokes, text, images and a shape library that runs from a rectangle to a decision node — for the part of the work where three checkout ideas compete and one gets circled.

  • Freehand and vector-path tools alongside the full shape set
  • Hand-drawn styling is a board setting, so a rough board stays rough for everyone on it
  • Pan and zoom from 1% to 6400%, with snapping when you want it
PRED
The board's rough zone: 'checkout?' circled in freehand, three candidate notes with one struck out, and a scribbled arrow electing the winnerrough passcheckout?one page,everythingtwo steps,cart firstguest pay,no accountthis onecheckout / one page · 250Checkout$481+emailcardTotal$48Pay now218 × 44 · r4btn / instance161644payment pathPay tappedCharge cardApproved?yesReceiptnoRetry cardyouJun
02interfaces

Precise enough to hand over

Frames, components and instances with a properties panel that gives you exact geometry — the elected idea as a 250-wide frame, its button selected at 218 × 44 with the gutters measured on the board.

  • Reusable components you can place as instances, swap, or detach
  • Auto layout, align and distribute, and snap-to-grid
  • Corner radius per side, and arithmetic in any numeric field
F
The board's spec zone: a measured one-page checkout frame with a selected Pay button, its dimensions and 16 pixel gutters drawn as drafting measurementsrough passcheckout?one page,everythingtwo steps,cart firstguest pay,no accountthis onecheckout / one page · 250Checkout$481+emailcardTotal$48Pay now218 × 44 · r4btn / instance161644payment pathPay tappedCharge cardApproved?yesReceiptnoRetry cardyouJun
03diagrams

Diagrams that survive being edited

Flowchart shapes and connectors that bind to what they point at — the Pay button is wired to its charge-approve-retry flow, and moving any box re-routes the arrows instead of orphaning them.

  • Connectors attach to a shape's edge and re-route as it moves
  • Process, decision and terminal shapes for real flowcharts
  • A node can point at the wireframe frame it describes, on the same board
L
The board's flow zone: a payment path from 'Pay tapped' through charge and approval to receipt, with a dashed retry loop and a connector arriving from the wireframe's buttonrough passcheckout?one page,everythingtwo steps,cart firstguest pay,no accountthis onecheckout / one page · 250Checkout$481+emailcardTotal$48Pay now218 × 44 · r4btn / instance161644payment pathPay tappedCharge cardApproved?yesReceiptnoRetry cardyouJun

Try every one of these on a board of your own

free for one person · no card
Open a board