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+Command+S

Save as Snapshot

Esc

Deselect/Abort

Delete

Delete Element

Shift+P

Show Publish Dialog

Shift+E

Show Export Code Dialog

2. View

Shift+Command+P

Preview mode

Shift+Command+G

Grid overlay

Shift+Command+E

Show element edges

Shift+Command+X

X-ray mode

3. Left-hand toolbar

A

Show Add panel

P

Show Pages panel

Shift+A

Show Symbols panel

Command+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

Command+C

Copy

Command+X

Cut

Command+V

Paste

Hold Alt+Drag

Duplicate

6. Undo/redo

Command+Z

Undo

Shift+Command+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

Created by SarthakMenpara on 7/16/2017

 

0 Comments for 'Webflow '   

 
Email me replies   
icon

Webflow Shortcuts

Advertising for Consideration:

Ads for Consideration:

Related:

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