<aside> 📌 Windows users: Swap out Command for Control for each shortcut.
</aside>
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>
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>
You can quickly jump between the device breakpoints using 1, 2, 3, & 4.
Jump in and out of preview mode to hide the designer and see what your website will look like. This is especially handy when testing interactions as you can't preview them inside the designer.
Z allows you to open and close the layers panel. This can be very useful when you need to drop in an element in a specific spot or when you're working with interactions and need to select a specific element.
