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 🚀
- Open the menu: Shift + P (mac) or Shift + P (windows)
- 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!
Ready to take your website to the next level?
Improve your online visibility thanks to Digidop's experience, excellence and reactivity!