Design Studio Unsaved

Object pool

Components

0

Click to add drag to place

Blank canvas

Your architecture starts here

Click or drag a component here. Select and move objects on the canvas. Hold Space and drag to pan. Open Help for more shortcuts.

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.

Interview workspace

Prompt & notes

Interview prompt Working notes

Persistence will be added in a later phase.

Workspace ready.

Local-only shell

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; click away to commit
Select: Click an object or arrow; Shift-click to toggle
Marquee: Drag empty canvas
Clear: Click empty canvas
Pan: Space + drag or middle-drag
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 a label line
Escape: Cancel a label edit
A: Connect the selected object; click a target
Missed click: Connection mode stays active on empty canvas
Escape: Cancel connection mode
Ctrl/Cmd + D: Duplicate selected objects with an offset
Delete / Backspace: Delete selected items