Canvas Basics
The main area of Zuga is called the canvas. This page explains the basic operations for placing and editing nodes.
Screen Layout
- Top-left — Toolbar (tool selection and action buttons)
- Top-right — Panel toggle buttons (Properties, Layers, Document Settings, Grid & Snap, Icon Library)
- Right side — Currently active panel
- Center — Canvas (work area)
Zoom and Pan
- Zoom: Mouse wheel to zoom in/out (0.05x–8x)
- Pan: Middle-button (wheel button) drag
- Pan: Shift + left drag
- Fit View: Click the Fit View button in the toolbar to automatically fit all nodes in the viewport
Keyboard Shortcuts
Editing
| Shortcut | Action |
|---|---|
| Ctrl + Z / Cmd + Z | Undo |
| Ctrl + Shift + Z / Cmd + Shift + Z | Redo |
Selection
| Operation | Action |
|---|---|
| Ctrl + click / Cmd + click | Multi-select (add to or remove from selection) |
Dialogs
| Shortcut | Action |
|---|---|
| Escape | Close the open dialog |
⚠️ Delete / Backspace keyboard shortcuts for deletion are not yet implemented. Use the delete button (trash icon) on the toolbar.