Design Studio

Blank canvas

Your architecture starts here

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

100%

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
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
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