Webflow keyboard shortcuts

Webflow

Zeynel Abidin Öztürk -
24 months ago
- Shortcuts

While Webflow doing the hard work of writing code for you, why don't you memorize some of these keyboard shortcuts to make things faster?

0
↑   Shift + /

Show shortcut list

0
↑   Shift + Ctrl + S

Save as snapshot

0
↑   Shift + ⌘ Cmd + S

Save as snapshot (Mac)

0
Esc

Deselect / abort

0
Del

Delete element

0
↑   Shift + P

Show Publish dialog

0
↑   Shift + E

Show Export Code dialog

0
• Enter

Edit element

0
A

Show Add panel

0
P

Show Pages panel

0
↑   Shift + A

Show Symbols panel

0
Ctrl + ↑   Shift + A

Make selected element a Symbol

0
⌘ Cmd + ↑   Shift + A

Make selected element a Symbol (Mac)

0
J

Show Asset Manager

0
S

Show Style tab

0
D

Show Settings tab

0
F

Show Navigator tab

0
G

Show Style Manager tab

0
H

Show Interactions tab

0
Ctrl + C

Copy

0
⌘ Cmd + C

Copy (Mac)

0
Ctrl + X

Cut

0
⌘ Cmd + X

Cut (Mac)

0
Ctrl + V

Paste

0
⌘ Cmd + V

Paste (Mac)

0
Alt +
+

Duplicate

0
1

Desktop

0
2

Tablet

0
3

Phone (landscape)

0
4

Phone (portrait)

0
↑   Shift +
+

Margin / padding (all sides)

0
Alt +
+

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

0
Ctrl + • Enter

Add class to selected element

0
⌘ Cmd + • Enter

Add class to selected element (Mac)

0
Ctrl + ↑   Shift + • Enter

Rename last class on selected element

0
⌘ Cmd + ↑   Shift + • Enter

Rename last class on selected element (Mac)

0
Alt +

Expand / collapse panel sections

0
↑  β†“

Select parent / child element

0
←  β†’

Select sibling element

0
Alt + ←  β†’

Select next / previous element

0
Ctrl + ↑   Shift + L

Toggle collaborators on selected element

0
⌘ Cmd + ↑   Shift + L

Toggle collaborators on selected element (Mac)

0
Ctrl + E

Quick find

0
or Ctrl + K
0
⌘ Cmd + E

Quick find (Mac)

0
or ⌘ Cmd + K
Β  Source:Β webflow

Share this page on:

Program information

Program name: Webflow Webflow (Web applications)

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.

Web page: webflow.com

Last update: 11 November 2019

How easy to press shortcuts: 86%

More information >>

Shortcut count: 58

Platform detected: Windows and macOS mixed

Similar programs



Advertisement

Join our mailing list!

Your email is kept private and we don't spam.