Keyboard shortcuts

Every default shortcut, read from the engine at build time. Mod means ⌘ on Apple devices and Ctrl everywhere else.

These tables are generated from CanvasFlow's own action list when this site is built, so they always match the version you're reading about. Inside any canvas with the default UI, ? opens the same list, and ⌘ K searches every command.

Shown with Apple symbols: ⌘ is Ctrl on Windows and Linux, ⌥ is Alt, ⇧ is Shift.

Tools

Action	Keys	Id
Select	`V`or`1`	`tool.select`
Hand	`H`	`tool.hand`
Rectangle	`R`or`2`	`tool.rectangle`
Diamond	`D`or`3`	`tool.diamond`
Ellipse	`O`or`4`	`tool.ellipse`
Arrow	`A`or`5`	`tool.arrow`
Line	`L`or`6`	`tool.line`
Draw	`P`or`7`	`tool.draw`
Text	`T`or`8`	`tool.text`
Image	`9`	`tool.image`
Eraser	`E`or`0`	`tool.eraser`
Sticky note	`N`	`tool.note`
Frame	`F`	`tool.frame`
Laser pointer	`K`	`tool.laser`
Highlighter	`⇧D`	`tool.highlight`
Keep tool active	`Q`	`toggle-tool-lock`

Edit

Action	Keys	Id
Undo	`⌘Z`	`undo`
Redo	`⌘⇧Z`or`⌘Y`	`redo`
Delete	`Del`or`⌫`	`delete`
Duplicate	`⌘D`	`duplicate`
Copy styles	`⌘⌥C`	`copy-styles`
Paste styles	`⌘⌥V`	`paste-styles`
Edit text / enter group	`↵`	`edit`

Selection

Action	Keys	Id
Select all	`⌘A`	`select-all`
Select next shape	`Tab`	`select-next`
Select previous shape	`⇧Tab`	`select-previous`
Select group	`⇧↵`	`select-parent`

Arrange

Action	Keys	Id
Group	`⌘G`	`group`
Ungroup	`⌘⇧G`	`ungroup`
Bring forward	`⌘]`or`]`	`bring-forward`
Bring to front	`⌘⇧]`or`⇧]`	`bring-to-front`
Send backward	`⌘[`or`[`	`send-backward`
Send to back	`⌘⇧[`or`⇧[`	`send-to-back`
Lock / unlock	`⌘⇧L`	`toggle-lock`
Hide / show	`⌘⇧H`	`toggle-hidden`

Align and distribute

Action	Keys	Id
Align left	`⌥A`	`align-left`
Align center	`⌥H`	`align-center-horizontal`
Align right	`⌥D`	`align-right`
Align top	`⌥W`	`align-top`
Align middle	`⌥V`	`align-center-vertical`
Align bottom	`⌥S`	`align-bottom`
Distribute horizontally	`⌥⇧H`	`distribute-horizontal`
Distribute vertically	`⌥⇧V`	`distribute-vertical`

Transform

Action	Keys	Id
Flip horizontal	`⇧H`	`flip-horizontal`
Flip vertical	`⇧V`	`flip-vertical`
Rotate 90° clockwise	`⇧.`	`rotate-cw`
Rotate 90° counter-clockwise	`⇧,`	`rotate-ccw`
Nudge left	`Arrowleft`	`nudge-left`
Nudge left more	`⇧Arrowleft`	`nudge-left-big`
Nudge right	`Arrowright`	`nudge-right`
Nudge right more	`⇧Arrowright`	`nudge-right-big`
Nudge up	`Arrowup`	`nudge-up`
Nudge up more	`⇧Arrowup`	`nudge-up-big`
Nudge down	`Arrowdown`	`nudge-down`
Nudge down more	`⇧Arrowdown`	`nudge-down-big`

View

Action	Keys	Id
Zoom in	`⌘=`or`=`	`zoom-in`
Zoom out	`⌘-`or`-`	`zoom-out`
Zoom to 100%	`⇧0`or`⌘0`	`zoom-reset`
Zoom to fit	`⇧1`	`zoom-to-fit`
Zoom to selection	`⇧2`	`zoom-to-selection`
Show grid	`⌘'`	`toggle-grid`
Snap to objects	`⌘⇧'`	`toggle-object-snap`
Dark mode	`⌥⇧D`	`toggle-dark-mode`
Focus mode	`⌥Z`	`toggle-focus-mode`
View mode	`⌥R`	`toggle-readonly`

Added by the default UI#

Action	Keys
Command palette	`⌘` `K`
Keyboard shortcuts	`?` or `⌘` `/`
Save to file	`⌘` `S`
Open file	`⌘` `O`
Export PNG	`⌘` `⇧` `E`
Layers panel	`⌥` `L`
Minimap	`⌥` `M`

Always on#

Action	Keys
Pan	Hold `Space` and drag
Nudge selection	Arrow keys, with `⇧` for bigger steps
Duplicate while dragging	Hold `⌥`
Keep proportions, snap angles	Hold `⇧`
Skip snapping	Hold `⌘` while dragging
Peel one layer (stop editing, leave group, deselect)	`Esc`

Changing them#

editor.actions.rebind('tool.draw', 'b')

See Actions and shortcuts for adding your own and checking conflicts.