Flow Studio
Canvas Keyboard Shortcuts
A complete reference of keyboard shortcuts registered by useKeyboardShortcuts.ts for the canvas workspace. These are all active when the canvas element has browser focus.
Navigation Shortcuts
| Shortcut | Action |
|---|---|
| Ctrl++ | Zoom in by 10% |
| Ctrl+- | Zoom out by 10% |
| Ctrl+0 | Reset zoom to 100% |
| Ctrl+Shift+H | Fit all nodes into view |
| Space+Drag | Pan the canvas (hold Space, then drag) |
Selection Shortcuts
| Shortcut | Action |
|---|---|
| Ctrl+A | Select all nodes and edges |
| Escape | Clear selection; also closes open modals |
| Shift+Click | Add node to current selection |
| Shift+Drag | Force box-select (works even starting on a node) |
Edit Shortcuts (Design Mode Only)
| Shortcut | Action |
|---|---|
| Ctrl+Z | Undo last change |
| Ctrl+Y | Redo |
| Ctrl+C | Copy selected nodes |
| Ctrl+X | Cut selected nodes |
| Ctrl+V | Paste at cursor position |
| Ctrl+D | Duplicate selected nodes |
| Delete / Backspace | Delete selected nodes/edges |
| Ctrl+G | Group selected nodes |
| Ctrl+Shift+G | Ungroup selected group |
| F2 | Rename selected node |
| Ctrl+S | Save workflow to server |
Node Movement Shortcuts
| Shortcut | Action |
|---|---|
| ↑ ↓ ← → | Move selected node(s) by 10px |
| Shift+Arrow | Move selected node(s) by 1px (precision) |
Search and Inspect
| Shortcut | Action |
|---|---|
| Ctrl+F | Open node finder dialog — type to jump to a node by name |
| Enter (node selected) | Open configuration form for selected node |