ArchCode Playground

ArchCode Playground

view changed ·

docs

Keys & gestures? toggles · Esc closes

Canvas

drag on empty space: pan
Space + drag: pan from anywhere, even over a card
wheel · [ ]: zoom
F: fit the drawing to the pane
1 2: logical · infrastructure lens
double-click a system: open or collapse it
right-click: the card's actions

Cards

drag a card: move it — guides snap to neighbours, Shift frees
click · Shift+click: select · add to the selection
Delete: remove the selected object and its connections

Arrows

click an arrow: select it — handles appear
drag a segment: move it; a bend appears where the shape needs one
drag an end: onto another card: the relation is rewritten in the text
drag the label: along the line, or to the other side of it
double-click a bend: remove it

Everywhere

⌘K: the terminal (help lists its commands)
⌘S: pin the view into the file (pin)
⌘Z · ⇧⌘Z: undo · redo — text and canvas share one history
Esc: drop the selection, close this

untitled.archedits render as you type

Open in Playground ↗

100%

canvas terminal

canvas ›

ArchCode

The Playground wants a wider screen

It is an editor: the text on one side, the picture on the other, a key for everything. On a phone the examples read better — every one of them opens here from a computer.

See the examples