Shortcuts Playground

Keep your go-to actionsright at hand

Mac keyboard shortcuts for everyday apps. Search in English or Chinese. Add actions to Invoke.

Webflow

A visual website builder with CMS, interactions, and publishing tools.

Get the appOpen

Common

Show shortcut cheatsheet
Save as snapshot
Deselect current selected element/exit
Delete current selected element
Show publish dialog
Show code export dialog
Edit element
Open Quick find
Open the AI Assistant

View

Toggle preview mode
Toggle guide overlay
Show element edges
Toggle X-ray mode
Toggle comment mode
Show/hide comments on-canvas

Copy and paste

Undo and redo

Redo

Devices and breakpoints

Switch to desktop view
Switch to tablet view
Switch to mobile (landscape) view
Switch to mobile (portrait) view

Left panel

Open Add panel
Open Pages panel
Open Navigator panel
Open properties panel
Open Components panel
Show Assets panel

Component

Make selected element a component
Rename selected component instance

Right panel

Open Style panel
Open Settings panel
Open Style selectors panel
Open Interactions panel

Style panel

Add class to current selected element
Rename last class on current selected element
⌘⇧Enter
Add to Invoke
Duplicate last class on selected element
⌘⌥Enter
Add to Invoke
Remove last class on selected element
⇧⌥Enter
Add to Invoke

Interactions timeline

Delete the current selected action
Hand tool
Zoom timeline in
Zoom timeline out
Move selected action forward by 10ms
Move selected action back by 10ms
Jump selected action forward by 100ms
Jump selected action back by 100ms
Select all actions in the timeline
Copy selected actions
Paste selected actions
Duplicate selected action

Canvas

Select parent element
Select child element
Select sibling element
Select next/previous element
Rename the selected element or component instance
Toggle content editors on selected element

Wrap element

Wrap element in Box
Unwrap element

Move element

Move selected element before previous element
Move selected element after previous element
Move before sibling
Move after sibling
Move selected element before parent element
⌘⇧↑
Add to Invoke
Move selected element after parent element
⌘⇧↓
Add to Invoke