Canvas Navigation
The canvas is your infinite workspace. You can pan and zoom freely to navigate your design.
Panning
Move the visible area of the canvas without affecting any objects.
- Space + drag — hold Space and drag anywhere on the canvas
- Middle mouse drag — press and drag the middle mouse button
- Two-finger trackpad — swipe with two fingers on a trackpad
Hand Tool
Press H to activate the hand tool for continuous panning. Any drag on the canvas pans the viewport without needing to hold Space. Switch to another tool (e.g., V for Select) to deactivate.
Zooming
Zoom in and out centered on your cursor position.
- Ctrl + scroll (or ⌘ + scroll on Mac) — scroll up to zoom in, scroll down to zoom out
- Pinch gesture — pinch on a trackpad to zoom in/out
- Keyboard shortcuts — see table below
Pinch-to-zoom on UI panels (layers, properties) is prevented so it doesn't accidentally change the browser zoom level.
Keyboard Shortcuts
| Action | Mac | Windows / Linux |
|---|---|---|
| Pan | Space + drag | Space + drag |
| Hand tool | H | H |
| Zoom in | ⌘+ | Ctrl + + |
| Zoom out | ⌘− | Ctrl + − |
| Zoom to 100% | ⌘0 | Ctrl + 0 |
Tips
- Zooming always targets the cursor position, so point at what you want to see closer.
- The hand tool is useful when you need to pan frequently — it stays active until you switch tools.
- See Selection & Manipulation for how to work with objects on the canvas.