Set custom shortcuts in Webflow

Add custom Webflow shortcuts and speed up development.

Using shortcuts is one of the easiest ways to build faster in Webflow. While Webflow offers some built-in shortcuts, many commonly used UI elements like Div Blocks, Sections, and Buttons don’t have quick-access options available by default.

That’s where our Webflow Chrome Extension comes in — a lightweight tool that lets you create custom shortcuts for almost anything inside the Webflow Designer.

🎯 Why Use Custom Shortcuts?

• Save time by instantly inserting elements like Sections, Containers, and Buttons
• Streamline repetitive tasks in your workflow
• Build layouts with fewer clicks
• Customize to match your personal style of working

🚀 Current Supported Shortcuts

You can assign custom shortcut keys to trigger these actions instantly:

• ➕ Add Section
• 📦 Add Div Block
• 📐 Add Container
• 🔠 Add Heading
• 📝 Add Paragraph
• 🔘 Add Button
• 🖼 Add Image
• 🚀 Publish Website
• 🧩 Open Extension

✨ Assign your own key combinations to any of these — no more digging through the Webflow sidebar.

💡 Coming Soon: More Shortcuts

We’re actively expanding shortcut support based on user feedback.

🗣 What shortcuts would be most useful to you?
We’d love to hear your ideas — let us know via Twitter, Discord, or email!

Ready to Build Faster? 💕

Your support means the world to us! In just 10 seconds, you can make a big difference:

• Join our community Discord Channel.
• Download our Free Webflow Booster App.
• Share what you built with us on Twitter! We re-post to thousands!

Let’s speed up your builds — one keystroke at a time. 💪