Welcome to the official keyboard shortcuts guide for the Grida Canvas Editor. This reference covers all available keyboard shortcuts to help you work more efficiently and navigate the editor with ease.
Keyboard shortcuts allow you to perform actions quickly without using the mouse, significantly speeding up your workflow. Whether you're selecting tools, transforming objects, aligning elements, or managing your canvas view, these shortcuts will help you become a more productive designer.
This guide is organized by category, making it easy to find the shortcuts you need. Each shortcut is listed with both macOS and Windows/Linux key combinations, so you can quickly reference the commands for your platform.
Note: On macOS, use Cmd (⌘) for meta. On Windows/Linux, use Ctrl for ctrl.
| Action | macOS | Windows/Linux | Description |
|---|
| Cursor (Select) | V | V | Select tool |
| Hand tool | H or Space | H or Space | Pan the canvas (Space is hold-to-activate) |
| Zoom tool | Z | Z | Zoom the canvas (hold-to-activate) |
| Scale tool | K | K | Parametric scaling tool |
| Lasso tool | Q | Q | Lasso tool (vector mode only) |
| Rectangle tool | R | R | Insert rectangle |
| Ellipse tool | O | O | Insert ellipse |
| Polygon tool | Y | Y | Insert polygon |
| Text tool | T | T | Insert text |
| Line tool | L | L | Draw line |
| Container tool | A or F | A or F | Insert container |
| Path tool | P | P | Draw path (Pen tool) |
| Pencil tool | ⇧ + P | ⇧ + P | Draw with pencil |
| Brush tool | B | B | Brush tool |
| Eraser tool | E | E | Eraser tool |
| Paint bucket | G | G | Flood fill tool (bitmap mode only) |
| Variable width | ⇧ + W | ⇧ + W | Variable width tool (vector mode only) |
| Eye dropper | I | I | Pick color from screen |
| Action | macOS | Windows/Linux | Description |
|---|
| Select all siblings | ⌘ + A | Ctrl + A | Select all siblings of the current selection |
| Select children | Enter | Enter | Select all children of the current selection |
| Select parent | ⇧ + Enter or \ | ⇧ + Enter or \ | Select the parent of the current selection |
| Select next sibling | Tab | Tab | Select the next sibling |
| Select previous sibling | ⇧ + Tab | ⇧ + Tab | Select the previous sibling |
| Escape/Clear | Escape or Clear | Escape or Clear | Clear selection and exit modes |
| Action | macOS | Windows/Linux | Description |
|---|
| Undo | ⌘ + Z | Ctrl + Z | Undo the last action |
| Redo | ⌘ + ⇧ + Z | Ctrl + ⇧ + Z | Redo the last undone action |
| Cut | ⌘ + X | Ctrl + X | Cut the current selection |
| Copy | ⌘ + C | Ctrl + C | Copy the current selection |
| Copy as PNG | ⌘ + ⇧ + C | Ctrl + ⇧ + C | Copy selection as PNG image |
| Paste | ⌘ + V | Ctrl + V | Paste from clipboard |
| Duplicate | ⌘ + D | Ctrl + D | Duplicate the current selection |
| Delete | Delete or Backspace | Delete or Backspace | Delete the current selection |
| Flatten | ⌘ + E or ⌥ + ⇧ + F | Ctrl + E or Alt + ⇧ + F | Convert selection to vector paths |
| Action | macOS | Windows/Linux | Description |
|---|
| Nudge | Arrow Keys | Arrow Keys | Move selection by 1px |
| Nudge resize (right) | Ctrl + ⌥ + → | Ctrl + Alt + → | Resize selection width by 1px |
| Nudge resize (right, 10px) | Ctrl + ⌥ + ⇧ + → | Ctrl + Alt + ⇧ + → | Resize selection width by 10px |
| Nudge resize (left) | Ctrl + ⌥ + ← | Ctrl + Alt + ← | Resize selection width by -1px |
| Nudge resize (left, 10px) | Ctrl + ⌥ + ⇧ + ← | Ctrl + Alt + ⇧ + ← | Resize selection width by -10px |
| Nudge resize (up) | Ctrl + ⌥ + ↑ | Ctrl + Alt + ↑ | Resize selection height by -1px |
| Nudge resize (up, 10px) | Ctrl + ⌥ + ⇧ + ↑ | Ctrl + Alt + ⇧ + ↑ | Resize selection height by -10px |
| Nudge resize (down) | Ctrl + ⌥ + ↓ | Ctrl + Alt + ↓ | Resize selection height by 1px |
| Nudge resize (down, 10px) | Ctrl + ⌥ + ⇧ + ↓ | Ctrl + Alt + ⇧ + ↓ | Resize selection height by 10px |
| Move to front | ] | ] | Move selection to front (or increase brush size if brush tool active) |
| Move to back | [ | [ | Move selection to back (or decrease brush size if brush tool active) |
| Action | macOS | Windows/Linux | Description |
|---|
| Align left | ⌥ + A | Alt + A | Align selection to the left |
| Align right | ⌥ + D | Alt + D | Align selection to the right |
| Align top | ⌥ + W | Alt + W | Align selection to the top |
| Align bottom | ⌥ + S | Alt + S | Align selection to the bottom |
| Align horizontal center | ⌥ + H | Alt + H | Center selection horizontally |
| Align vertical center | ⌥ + V | Alt + V | Center selection vertically |
| Distribute horizontally | ⌥ + Ctrl + V | Alt + Ctrl + V | Distribute selection evenly horizontally |
| Distribute vertically | ⌥ + Ctrl + H | Alt + Ctrl + H | Distribute selection evenly vertically |
| Action | macOS | Windows/Linux | Description |
|---|
| Group | ⌘ + G | Ctrl + G | Group the current selection |
| Ungroup | ⌘ + ⇧ + G | Ctrl + ⇧ + G | Ungroup the current selection |
| Group with Container | ⌘ + ⌥ + G | Ctrl + Alt + G | Group the current selection with a container |
| Auto-layout | ⇧ + A | ⇧ + A | Auto-layout the current selection |
| Action | macOS | Windows/Linux | Description |
|---|
| Toggle bold | ⌘ + B | Ctrl + B | Toggle bold style |
| Toggle italic | ⌘ + I | Ctrl + I | Toggle italic style |
| Toggle underline | ⌘ + U | Ctrl + U | Toggle underline style |
| Toggle line-through | ⌘ + ⇧ + X | Ctrl + ⇧ + X | Toggle line-through style |
| Increase font size | ⌘ + ⇧ + > | Ctrl + ⇧ + > | Increase font size by 1px |
| Decrease font size | ⌘ + ⇧ + < | Ctrl + ⇧ + < | Decrease font size by 1px |
| Action | macOS | Windows/Linux | Description |
|---|
| Toggle active | ⌘ + ⇧ + H | Ctrl + ⇧ + H | Toggle active state for the selection |
| Toggle locked | ⌘ + ⇧ + L | Ctrl + ⇧ + L | Toggle locked state for the selection |
| Set opacity to 0% | 0 (double press) | 0 (double press) | Set opacity to 0% |
| Set opacity to 10% | 1 | 1 | Set opacity to 10% |
| Set opacity to 20% | 2 | 2 | Set opacity to 20% |
| Set opacity to 30% | 3 | 3 | Set opacity to 30% |
| Set opacity to 40% | 4 | 4 | Set opacity to 40% |
| Set opacity to 50% | 5 | 5 | Set opacity to 50% |
| Set opacity to 60% | 6 | 6 | Set opacity to 60% |
| Set opacity to 70% | 7 | 7 | Set opacity to 70% |
| Set opacity to 80% | 8 | 8 | Set opacity to 80% |
| Set opacity to 90% | 9 | 9 | Set opacity to 90% |
| Set opacity to 100% | 0 (single press) | 0 (single press) | Set opacity to 100% |
| Action | macOS | Windows/Linux | Description |
|---|
| Zoom to fit | ⇧ + 1 or ⇧ + 9 | ⇧ + 1 or ⇧ + 9 | Zoom to fit all content |
| Zoom to selection | ⇧ + 2 | ⇧ + 2 | Zoom to the current selection |
| Zoom to 100% | ⇧ + 0 | ⇧ + 0 | Zoom to 100% |
| Zoom in | ⌘ + = or ⌘ + Plus | Ctrl + = or Ctrl + Plus | Zoom in |
| Zoom out | ⌘ + - or ⌘ + Minus | Ctrl + - or Ctrl + Minus | Zoom out |
| Toggle ruler | ⇧ + R | ⇧ + R | Toggle ruler visibility |
| Toggle pixel grid | ⇧ + ' | ⇧ + ' | Toggle pixel grid visibility |
| Preview | ⇧ + Space | ⇧ + Space | Preview current selection |
| Action | macOS | Windows/Linux | Description |
|---|
| Increase brush size | ] | ] | Increase brush size (when brush tool is active) |
| Decrease brush size | [ | [ | Decrease brush size (when brush tool is active) |
These modifiers affect behavior while they are held down:
| Modifier | macOS | Windows/Linux | Effect |
|---|
| Shift | ⇧ | ⇧ | Lock to dominant axis while translating, preserve aspect ratio while scaling, quantize rotation (15°) |
| Alt/Option | ⌥ | Alt | Translate with clone (duplicate while dragging), transform from center origin, enable measurement tool, enable padding mirroring |
| Meta/Cmd | ⌘ | Ctrl | Configure surface raycast targeting for deepest objects |
| Control | Ctrl | Ctrl | Force disable snapping while moving/scaling |
The following shortcuts are defined but not yet implemented:
⇧ + H - Flip horizontal⇧ + V - Flip vertical⌥ + ⌘ + K / Alt + Ctrl + K - Create component⌥ + ⌘ + B / Alt + Ctrl + B - Eject component