Skip to content
blankpaperOpen canvas

Recorded on the real editor · no pointer

Watch the keyboard do the whole job.

Three recordings, one per kind of person who draws to think. Every keycap is the default binding, captured as it was pressed on an empty canvas. Pick your keyboard, press play, and follow along on your own canvas.

Keyboard to show

Thinking out loud

A mind map grown from the centre, restyled in one sweep

Grow connected ideas in any direction and restyle all of them with a keystroke.

For Anyone mapping an idea — students, writers, planners — faster than they can drag.

Keystrokes
83
Recorded time
44s
Steps
33
Pointer trips
0
Recorded 2026-09-12 on Blankpaper's editor 0.18.1-bp.1, from an empty canvas, with no pointer. Ends with: “Launch plan” with four connected branches, all restyled at once: cartoonist strokes and a yellow fill.

System design interview

A request path with a cache decision, saved as a component

Draw, style, connect, label and save a small flow without touching the pointer.

For Engineers who need a request path with a decision in it, while talking.

Keystrokes
127
Recorded time
75s
Steps
58
Pointer trips
0
Recorded 2026-09-12 on Blankpaper's editor 0.18.1-bp.1, from an empty canvas, with no pointer. Ends with: Request → Cached? → Cache (yes) or Origin (no), grouped and saved to the library as “Cache decision”.

Lo-fi wireframe

Three connected screens and one reusable button

Grow screens along the flow, then name a component once and stamp it by typing its name.

For Designers and product people sketching a screen flow before the real tool.

Keystrokes
81
Recorded time
44s
Steps
32
Pointer trips
0
Recorded 2026-09-13 on Blankpaper's editor 0.18.1-bp.1, from an empty canvas, with no pointer. Ends with: Sign in → Home → Settings as connected screens, a “Button” component in the library, and a copy of it stamped from the component picker.

Every command the recordings used

The same keys on both keyboards.

Mod is ⌘ on a Mac and Ctrl elsewhere; Alt is Option on a Mac. All of these can be remapped in the editor's shortcut sheet, and the recordings show the defaults.

ActionMacWindows & Linux
New shape right of
Change the type: shape, or connection
Grow the selection
Type into the selected shape
Text size — next
New connected node, in that direction
Walk the diagram along its arrows
Focus the canvas
Follow connection
Select mode — moving the focus adds to the selection
Focus next element
Sloppiness — next
Edit the selection's properties
Fit everything on screen
Focus previous element
Add or remove from the selection (marks the ends for a connection)
Connect two elements — marked pair, or from the last one focused
Move the selection by 5px
Group
Add the selection to the library
Shrink the selection
Insert from the library

Your turn

The same canvas is one key away.

Open the editor, press the first keycap, and keep going. Nothing here needs an account.

Open the canvasRead the keyboard guide

Start with a useful diagram

C4 container diagram

Explain the applications and data stores in a small web system.

System design interview board

Work through requirements, data flow and architectural trade-offs.

Watch a whole workflow

Real recordings, every shortcut shown for Mac and Windows.