Webflow empowers designers to build professional, custom websites in a completely visual canvas with no code.
40
Shortcuts
40
Matching
desktop view
1
tablet view
2
phone (landscape) view
3
phone (portrait) view
4
show shortcut cheatsheet
⇧
/
save as a snapshot
⇧
^
S
deselect or abort
⎋
delete element
DEL
show publish dialog
⇧
P
show export code dialog
⇧
E
edit element
↵
preview mode
⇧
^
P
guide overlay
⇧
^
G
show element edges
⇧
^
E
x-ray mode
⇧
^
X
show add panel
A
show navigator tab
Z
show pages panel
P
show symbols panel
⇧
A
make selected element a symbol
⇧
^
A
show asset manager
J
show style tab
S
show settings tab
D
show style manager tab
G
show interactions tab
H
copy
^
C
cut
^
X
paste
^
V
undo
^
Z
redo
⇧
^
Z
add class to selected element
^
↵
rename last class on selected element
⇧
^
↵
quick find
^
K
select parent element
↑
select child element
↓
select sibling element
←
select sibling element
→
select previous element
⎇
←
select next element
⎇
→
toggle collaborators on selected element
⇧
^
L
Don't see your shortcut? Learn how to contribute.