Top 10 Webflow shortcuts and hidden tricks every designer should have in their toolkit
Quick Open (Command + E / Ctrl + E)
- Instantly search for any element, page, or setting within Webflow. No more clicking through endless menus, just type and jump.
Duplicate Elements (Alt + Drag)
- Need a copy of a button, tab, or section? Hold Alt (Option) and drag an element to duplicate it in seconds.
Global Class Management
- Use combined classes wisely. Instead of creating new classes every time, extend existing ones with composite classes to keep your CSS clean and scalable.
Copy and paste between projects
- Yes, you can copy elements (with styles and interactions) from one Webflow project and paste them into another. A huge time saver for repetitive components like navigation bars or footers.
Use the Navigator like a pro
- Press F to toggle the Navigator on/off. It’s the fastest way to reorder elements and fix nesting issues without dragging them around the canvas.
Responsive Previews (Shift + Z)
- Quickly see how your design looks on different devices. Switch between breakpoints instantly instead of manually switching.
Quickly add custom code
- Instead of digging deep into project settings, use the Embedded Element to directly insert custom HTML, CSS, or scripts into your page. Perfect for one-time tweaks.
Unlock the Revision Panel
- Use Webflow’s built-in Revision Panel to find accessibility issues, missing alt tags, and unused classes. It’s like having a built-in QA assistant.
Build faster with symbols (now components)
- Convert repetitive elements (headers, footers, calls to action) into symbols. Update once, and your changes are applied everywhere. This is essential for scaling design systems.
Goldmine Keyboard Shortcut
- Command + Z / Ctrl + Z → Undo
- Command + Shift + Z / Ctrl + Shift + Z → Redo
- Command + Shift + A / Ctrl + Shift + A → Wrap selected elements in a div
- Command + Shift + L / Ctrl + Shift + L → Open Class Manager
Mastering these things will save hours on projects.
Webflow is already one of the fastest and most intuitive website builders, but with the right shortcuts and tricks, you can take your design process to the next level.
.svg)
