Webflow keyboard shortcuts

Webflow

Zeynel Abidin Öztürk -
6 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?

↑   Shift + /

Show shortcut list

Ctrl + ↑   Shift + 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

Ctrl + ↑   Shift + P

Preview mode

↑   Shift + ⌘ Cmd + P

Preview mode (Mac)

↑   Shift + Ctrl + G

Guide overlay

↑   Shift + ⌘ Cmd + G

Guide overlay (Mac)

Ctrl + ↑   Shift + E

Show element edges

↑   Shift + ⌘ Cmd + E

Show element edges (Mac)

↑   Shift + Ctrl + X

X-ray mode

↑   Shift + ⌘ Cmd + X

X-ray mode (Mac)

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

S

Show Style tab

D

Show Settings tab

F

Show Navigator tab

G

Show Style Manager tab

H

Show Interactions tab

Ctrl + C

Copy

⌘ Cmd + C

Copy (Mac)

Ctrl + X

Cut

⌘ Cmd + X

Cut (Mac)

Ctrl + V

Paste

⌘ Cmd + V

Paste (Mac)

Alt +
+

Duplicate

1

Desktop

2

Tablet

3

Phone (landscape)

4

Phone (portrait)

↑   Shift +
+

Margin / padding (all sides)

Alt +
+

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)

Alt +

Expand / collapse panel sections

↑  ↓

Select parent / child element

←  →

Select sibling element

Alt + ←  →

Select next / previous element

Ctrl + ↑   Shift + L

Toggle collaborators on selected element

⌘ Cmd + ↑   Shift + L

Toggle collaborators on selected element (Mac)

Ctrl + E

Quick find

or Ctrl + K
⌘ Cmd + E

Quick find (Mac)

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: https://webflow.com

Shortcut count: 58

How easy to press shortcuts: 86%

Similar programs


  1. Grand Theft Auto VGrand Theft Auto V
    61877   
  2. Keyboard symbolsKeyboard symbols
    49495    1
  3. Apex Legends (PC)Apex Legends (PC)
    38112   
  4. The Sims 4The Sims 4
    37194    3
  5. PlayerUnknown's BattlegroundsPlayerUnknown's Battleg
    34571    2
  6. DiscordDiscord
    32786   
More keyboard shortcuts...

Advertisement

Join our mailing list!

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