Canvas
Navigation
| Action | Mouse | Keyboard |
|---|---|---|
| Pan | Middle-click drag | Space + drag |
| Zoom | Scroll wheel | Ctrl + Scroll |
| Fit to view | Double-click background | Ctrl+Shift+F |
| Select multiple | Drag selection box | Ctrl+A |
Canvas Operations
Adding Nodes
Drag nodes from the Components Panel on the left or right-click the canvas to open the node picker.
Connecting Nodes
Click and drag from an output port to an input port on another node. The canvas validates compatibility automatically.
Snap to Grid
Enable grid snapping for clean layouts:
canvas:
snap_to_grid: true
grid_size: 20
`
## See Also
- [Node Types](/docs/designer/node-types) — Available nodes
- [Connections](/docs/designer/connections) — Connection rules
- [Keyboard Shortcuts](/docs/workspace/keyboard-shortcuts) — Canvas shortcuts