Keyboard Shortcuts
Master the workflow editor with these keyboard shortcuts to speed up your workflow creation process.
Tool Selection
Quickly switch between tools while editing your workflow:
| Shortcut | Action |
|---|---|
| A | Select pointer/selection tool |
| H | Select hand/pan tool |
| Space (hold) | Temporarily enable pan mode while in pointer mode |
Node Orientation
Control the flow direction of nodes:
| Shortcut | Action |
|---|---|
| V | Toggle between vertical and horizontal node orientation for selected nodes |
Selection & Deletion
Manage node selection and deletion in your workflow:
| Shortcut | Action |
|---|---|
| Cmd/Ctrl + A | Select all nodes |
| Cmd/Ctrl + D | Deselect all nodes |
| Delete or Backspace | Delete selected nodes |
Editing Actions
Undo and redo changes to your workflow:
| Shortcut | Action |
|---|---|
| Cmd/Ctrl + Z | Undo last action |
| Cmd/Ctrl + Shift + Z | Redo last undone action |
| Cmd/Ctrl + Y | Redo last undone action (alternative) |
Node Creation
Quickly add new nodes to your workflow:
| Shortcut | Action |
|---|---|
| Space | Open node search overlay to insert a new node at cursor position |
| Shift + Space | Connect to ghost handle in perpendicular direction (when selected node has no output) |
Node Navigation & Focus
Navigate between nodes and control focus mode:
| Shortcut | Action |
|---|---|
| Arrow Keys | Navigate between nodes in the specified direction, automatically centers selected node |
| Enter | Focus the selected node's main input (editor/chat/grid), dims other nodes to 50% |
| Escape | Exit focus mode, restore all nodes to full opacity |
Detail View Controls
Control the appearance of detail mode nodes to maximize screen space:
| Shortcut | Action |
|---|---|
| T | Toggle header visibility in detail mode nodes (when not focused on content) |
| Cmd/Ctrl + T | Toggle header visibility when focused on node content (editor/chat/grid) |
📌 Detail View Header Toggle
Hide node headers to maximize content viewing area:
- • When header is hidden, the content area expands to use the full node space
- • Works on all detail mode nodes: Code, Agent, Chat, DataGrid, Params, Image, Chart, DataViz, StatPlot, and 3D nodes
- • Header visibility is saved per node and persists across sessions
- • For nodes with focusable content (Code, Agent, Chat, DataGrid, Params): Use T when not focused, or Cmd/Ctrl+T when focused
- • For nodes without focusable content (Image, Chart, DataViz, StatPlot, 3D): Just press T
AI Wizard & Code Assistance
Access AI-powered tools to help write code, prompts, and generate data:
| Shortcut | Action |
|---|---|
| Cmd/Ctrl + W | Toggle AI wizard for selected detail mode node (Code Wizard, Prompt Wizard, Data Wizard, Image Wizard) |
| Ctrl + M | Toggle model selector menu in AI wizards and Agent nodes |
| Enter | Submit AI wizard prompt for processing (in wizard popups) |
| Escape | Close AI wizard popup |
Chat Node
Shortcuts specific to Chat nodes:
| Shortcut | Action |
|---|---|
| Enter | Send chat message (without Shift) |
| Shift + Enter | Add new line without sending message |
Execution & Testing
Run and test your workflows:
| Shortcut | Action |
|---|---|
| R | Run selected node (when a single node is selected) |
Settings & Panels
Toggle application panels and settings:
| Shortcut | Action |
|---|---|
| Cmd/Ctrl + , | Toggle settings panel |
| S | Toggle tokens per second (TPS) display for AI nodes |
Drawing Mode
Annotate your workflow canvas with freehand drawings:
| Shortcut | Action |
|---|---|
| D | Toggle drawing mode for freehand annotations |
| Delete/Backspace | Delete selected drawing strokes (in drawing mode) |
| Cmd/Ctrl + Z | Undo last drawing action (in drawing mode) |
| Cmd/Ctrl + Shift + Z | Redo drawing action (in drawing mode) |
| Escape | Deselect all drawing strokes (in drawing mode) |
| Cmd/Ctrl + A | Select all drawing strokes (in drawing mode) |
Documentation Search
Quickly search and navigate documentation:
| Shortcut | Action |
|---|---|
| Cmd/Ctrl + K | Open documentation search overlay (on docs pages) |
| Arrow Up/Down | Navigate through search results |
| Enter | Open selected documentation page |
| Escape | Close search overlay |
Developer Tools
Debug and development shortcuts:
| Shortcut | Action |
|---|---|
| Cmd/Ctrl + H | Toggle alignment hit areas debug view (shows visual indicators for node alignment zones) |
Zoom Controls
Interface Zoom
Adjust the size of UI panels and controls for better visibility:
| Shortcut | Action |
|---|---|
| Cmd/Ctrl + + | Zoom in interface (increase UI size by 10%) |
| Cmd/Ctrl + - | Zoom out interface (decrease UI size by 10%) |
| Cmd/Ctrl + 0 | Reset interface zoom to 100% |
| Cmd/Ctrl + Scroll | Zoom interface in/out with mouse wheel |
Canvas Zoom
Zoom the workflow canvas to see more or less detail:
| Shortcut | Action |
|---|---|
| Shift + ↑ | Zoom in on canvas (10% increment, max 2x) |
| Shift + ↓ | Zoom out on canvas (10% decrement, min 0.1x) |
💡 Tips
- • Keyboard shortcuts are disabled when typing in input fields (except Cmd/Ctrl+T for header toggle)
- • Interface zoom (Cmd/Ctrl + Plus/Minus) affects all UI panels including sidebar and configuration panels
- • Canvas zoom (Shift + Up/Down) only affects the ReactFlow canvas viewport
- • Interface zoom settings are saved and restored when you return to the editor
- • Hold Space for temporary pan mode only works in pointer/select mode
- • Focus mode (Enter on a node) dims other nodes to 50% and only clears when clicking a different node
- • T-key header toggle works instantly and persists - hide headers to see more code/data at once
Coming Soon
We're working on adding more keyboard shortcuts for:
- Copy and paste nodes (Cmd/Ctrl + C/V)
- Save workflow (Cmd/Ctrl + S)
- Duplicate selected nodes
- Group/ungroup nodes