==========================
Webflow keyboard shortcuts
==========================

First published at 3/14/2019 on https://defkey.com/webflow-shortcuts

Webflow is a web-based website building tool. It can be used by designers
without code knowledge. While using the tool, Webflow automatically
generates HTML, CSS, and JavaScript.

Webflow has 58 shortcuts and we have listed all of them below.



General
-------

Shift + /               Show shortcut list
Shift + Ctrl + S        Save as snapshot
Shift + Cmd + S         Save as snapshot (Mac)
Esc                     Deselect / abort
Del                     Delete element
Shift + P               Show Publish dialog
Shift + E               Show Export Code dialog
Enter                   Edit element


View
----

Shift + Ctrl + P        Preview mode
Shift + Cmd + P         Preview mode (Mac)
Shift + Ctrl + G        Guide overlay
Shift + Cmd + G         Guide overlay (Mac)
Shift + Ctrl + E        Show element edges
Shift + Cmd + E         Show element edges (Mac)
Shift + Ctrl + X        X-ray mode
Shift + Cmd + X         X-ray mode (Mac)


Left hand toolbar
-----------------

A                       Show Add panel
P                       Show Pages panel
Shift + A               Show Symbols panel
Ctrl + Shift + A        Make selected element a Symbol
Cmd + Shift + A         Make selected element a Symbol (Mac)
J                       Show Asset Manager


Right hand tabs
---------------

S                       Show Style tab
D                       Show Settings tab
F                       Show Navigator tab
G                       Show Style Manager tab
H                       Show Interactions tab


Copy / paste
------------

Ctrl + C                Copy
Cmd + C                 Copy (Mac)
Ctrl + X                Cut
Cmd + X                 Cut (Mac)
Ctrl + V                Paste
Cmd + V                 Paste (Mac)
Alt + Left click + Move the mouse Duplicate


Undo / redo
-----------

Control + Z             Undo
Cmd + Z                 Undo (Mac)
Shift + Ctrl + Z        Redo
Shift + Cmd + Z         Redo (Mac)


Device view
-----------

1                       Desktop
2                       Tablet
3                       Phone (landscape)
4                       Phone (portrait)


Style panel
-----------

Shift + Left click + Move the mouse Margin / padding (all sides)
Alt + Left click + Move the mouse Margin / padding (top - bottom or left - right )
Ctrl + Enter            Add class to selected element
Cmd + Enter             Add class to selected element (Mac)
Ctrl + Shift + Enter    Rename last class on selected element
Cmd + Shift + Enter     Rename last class on selected element (Mac)


Other
-----

Alt + Left click        Expand / collapse panel sections
Up arrow / Down arrow   Select parent / child element
Left arrow / Right arrow Select sibling element
Alt + Left arrow / Right arrow Select next / previous element
Ctrl + Shift + L        Toggle collaborators on selected element
Cmd + Shift + L         Toggle collaborators on selected element (Mac)


Find
----

Ctrl + E                Quick find
Ctrl + K                Quick find
Cmd + E                 Quick find (Mac)
Cmd + K                 Quick find (Mac)

  Source: webflow


Last modified on (UTC): Monday, November 11, 2019
Defkey © All rights reserved.