Clickraft
Editor

Canvas Navigation

Navigate the workflow canvas with zoom, pan, keyboard shortcuts, and viewport controls.

The canvas is your infinite workspace for building workflows. Master these navigation controls to work efficiently.

Mouse & Trackpad Controls

ActionControl
Pan verticallyScroll wheel
Pan horizontallyShift + Scroll
Zoom in/outCmd/Ctrl + Scroll
Zoom (trackpad)Pinch gesture
Pan (drag)Middle mouse button + drag
Temporary pan modeHold Spacebar + drag

Selecting Nodes

ActionControl
Select nodeClick on node
Multi-selectShift + Click
Box selectDrag on empty canvas area
Deselect allEscape or click empty area

Keyboard Shortcuts

Workflow

ShortcutAction
Cmd/Ctrl + SSave workflow
Cmd/Ctrl + EnterRun selected node or entire workflow
Cmd/Ctrl + KToggle Workflow Assistant

Edit

ShortcutAction
Cmd/Ctrl + ZUndo
Cmd/Ctrl + YRedo
Cmd/Ctrl + Shift + ZRedo (alternative)
Cmd/Ctrl + CCopy selected node
Cmd/Ctrl + VPaste (offset +30px)
Cmd/Ctrl + DDuplicate all selected nodes
Delete / BackspaceDelete selected nodes

Organization

ShortcutAction
Cmd/Ctrl + GGroup selected nodes (2+ required)
Cmd/Ctrl + Shift + GUngroup selected group

Viewport

ShortcutAction
Shift + 1Fit all nodes in view
Shift + 2Zoom to selected node(s)
Cmd/Ctrl + 0Reset zoom to 100%
Spacebar (hold)Temporary pan mode

All editing shortcuts (save, undo, delete, copy, paste, duplicate, group) are disabled in read-only mode. Navigation shortcuts remain available.

Keyboard shortcuts are disabled when you're typing in a text field, such as inside a Text Prompt node or the search bar.

Zoom Controls

The bottom-right toolbar provides visual zoom controls:

  • Zoom Out (−) and Zoom In (+) buttons
  • Zoom percentage display — click to select from presets: 25%, 50%, 75%, 100%, 125%, 150%, 200%, 300%, 400%
  • Fit View button — fits all nodes in the viewport
  • Mini Map toggle — shows a canvas overview for quick navigation

Mini Map

Toggle the mini map from the zoom controls toolbar to see an overview of your entire canvas. The mini map shows:

  • Position of all nodes
  • Current viewport highlighted
  • Click and drag on the mini map to quickly navigate to different areas

Tips

  • Use Spacebar + drag for quick panning without switching modes
  • Press Shift + 1 to quickly center all nodes when you lose track of your workflow
  • Use Shift + 2 to zoom into a selected node for detailed editing
  • The Mini Map is especially useful for large workflows with many nodes