Canvas tools

Choose the default behavior for primary-pointer canvas gestures, or delete the current selection with the trash button.

Object pool

Components

0

Click or tap to add drag to place

Blank canvas

Your architecture starts here

Add a component, then use Select or Connect. Touch: drag empty space to pan; use two fingers to pan or pinch to zoom. Desktop: use Pan, or hold Space and drag from any tool.

100%

Inspector

Properties

◇

No selection

Select an object to inspect its properties.

Current selection

Width: logical px
Height: logical px

Object color

Choose a preset color.

Selected connection

One-way connection

From
To

Connection color

Choose a preset color.

Line style

Interview workspace

Prompt & notes

Interview prompt Working notes

Persistence will be added in a later phase.

Workspace ready.

Local-only shell

Download

Export diagram as PNG

Exports the full diagram at 2× resolution with 32 logical pixels (64 output pixels) of padding.

Background Solid whiteBest for documents and sharing TransparentKeeps the area around the diagram clear

Quick reference

Canvas controls

Mouse & trackpad

Add: Click a component
Place: Drag a component to the canvas
Move: Drag an object; selected objects move together
Resize: Drag a handle on a sole selected object
Edit label: Double-click an object or arrow; click away to commit
Select: Click an object or arrow; Shift-click to toggle
Marquee: Drag empty canvas
Clear: Click empty canvas
Pan tool: Drag anywhere with the primary button
Temporary pan: Space + drag or middle-drag
Connect tool: Click a source, then a target
Delete selection: Choose the trash button to delete selected items
Zoom: Wheel or trackpad
Fit: Use Fit in View in the header

Keyboard

Enter / Space: Add focused component
Space + drag: Pan canvas
Enter: Commit a label edit
Shift + Enter: Add an object label line
Escape: Cancel a label edit
A: Start connecting from the single selected object
Missed click: The current connection attempt stays active
Escape: Cancel the current tool or gesture; return to Select
Ctrl/Cmd + D: Duplicate selected objects with an offset
Delete / Backspace: Delete selected items
Ctrl/Cmd + Z: Undo
Ctrl/Cmd + Shift + Z / Ctrl + Y: Redo

Touch

Add: Drag a component from the drawer to the canvas
Tools: On phones, use the left rail for Select, Connect, or trash
Delete: Select items, then tap the trash button
Select: Tap an object or arrow; tap empty canvas to clear
Multi-select: Press and hold an object or arrow
Move & resize: Drag an object or its visible resize handle
Navigate: Drag empty space to pan; use two fingers to pan or pinch to zoom
Connect tool: Drag from a source object to its target