<aside> 📌 Windows users: Swap out Command for Control for each shortcut.

</aside>

The top + most useful Webflow shortcuts

Jump to All Shortcuts Table


Command + E

This shortcut allows you to search for anything, drop in elements like divs or buttons, jump to new pages or even a collection items, create a new page, and on and on.

It basically allows you to navigate and build inside the Webflow designer without having to life your hands from your keyboard.

<aside> 🔥 This is the most powerful shortcut Webflow has! You can almost do anything with it.

</aside>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/62ad442f-d6b6-4095-bac3-e35992e5fbac/command-e.gif


Command + Enter

This jumps you into the Webflow Selector, allowing you to add a class to any selected element without having to move your hands away from your keyboard.

A good workflow is to drop in your element using Command + E, then use Command + Enter to add a class name.

<aside> 🔥 If you just want to rename a class instead of add a new class, you can use Command + Shift + Enter to rename the last class on the selected element.

</aside>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9b22966a-f3b8-4673-b5f2-76291f1db3c4/command-enter.gif

Webflow Keyboard Shortcuts