35 Shortcuts for Webflow

Jump to: General, View, Left-hand toolbar, Right-hand tabs, Copy/paste, Undo/redo, Device views, Other

1. General

Shift+/

Show shortcut cheatsheet

Shift+Ctrl+S

Save as Snapshot

Esc

Deselect/Abort

Delete

Delete Element

Shift+P

Show Publish Dialog

Shift+E

Show Export Code Dialog

2. View

Shift+Ctrl+P

Preview mode

Shift+Ctrl+G

Grid overlay

Shift+Ctrl+E

Show element edges

Shift+Ctrl+X

X-ray mode

3. Left-hand toolbar

A

Show Add panel

P

Show Pages panel

Shift+A

Show Symbols panel

Ctrl+Shift+A

Make selected element a Symbol

4. Right-hand tabs

S

Show Style tab

D

Show Settings tab

F

Show Navigator tab

G

Show Style Manager tab

H

Show Global Objects tab

J

Show Asset Manager

5. Copy/paste

Ctrl+C

Copy

Ctrl+X

Cut

Ctrl+V

Paste

Hold Alt+Drag

Duplicate

6. Undo/redo

Ctrl+Z

Undo

Shift+Ctrl+Z

Redo

7. Device views

1

Desktop

2

Tablet

3

Phone (landscape)

4

Phone (portrait)

8. Other

Shift+Drag

Margin / padding (all sides)

Alt+ drag

Margin / padding (top + bottom or left + right)

Arrow Up/Arrow Down

Select parent / child element

Arrow Left/Arrow Right

Select sibling element

Alt+Arrow Left/Arrow Right

Select next / previous element

icon

Webflow Shortcuts

Advertising for Consideration:

Ads for Consideration:

Related:

Please kindly review and accept Terms of Use and Cookie & Policy Policy