12 keyboard shortcuts to create faster on Webflow

I love productivity.

Optimising your time is (in my opinion) super important! How about you?

In this article I have listed some keyboard shortcuts that will allow you to create faster in Webflow! 🏎

General shortcuts

• Copy an item: Command + C (mac) or Control + C (windows)
• Paste an item: Command + V (mac) or Control + V (windows)
• Undo last action (⛑): Command + Z (mac) or Control + Z (windows)

Adding items

• Add an item (A): Command + E (mac) or Control + E (windows)

Style

• Assign a class to an item: Command + enter (mac) or Control + enter (windows)
• Change the spacing format of all 4 sides at the same time: Shift + drag (mac) or Shift + drag (windows)
• Change the spacing format horizontally or vertically only: Option + drag (mac) or Alt + drag (windows)
• Dynamic page change: Shift + option + ◀️ ▶️ (mac) or Shift + Alt + ◀️ ▶️ (windows)

Adaptive display: view by device

In one click, juggle different display formats! From computer to mobile phone, adapt your design to all formats!(Remember: more than 50% of the world's traffic is on smartphones)

• Computer: 1
• Tablet: 2
• Telephone (landscape): 3
• Telephone (portrait): 4

Bonus 🎁

Publish your Webflow site 🚀

1. Open the menu: Shift + P (mac) or Shift + P (windows)
2. Publishhh: Shift + enter (mac) or Shift + enter (windows)

Find our other Webflow tutorials and tips on our blog.

Bonus: Create your own keyboard shortcut in Webflow or Design more efficiently in Figma with its keyboard shortcuts!