Develop Faster by Customizing Webflow Keyboard Shortcuts

Documentation
March 20, 2023
3 min
Webflow and Flowbase logo with a preview of the custom keyboard shortcuts feature.
Use AI to summarize this article
Key points

Developing a project in Webflow can be time-consuming. Adding new divs, inserting a heading, then a paragraph, and so on. There are so many small tasks that take up some of our time, but when added together, they extend the overall development time.

Today, we will explore how, with the Flowbase extension, you can optimize your development time in Webflow using keyboard shortcuts.

Basic Webflow Keyboard Shortcuts

We have previously written an article that includes a list of around ten keyboard shortcuts to help you speed up your creation process in Webflow.

In that list, we particularly mention shortcuts for adding elements (Ctrl or Cmd + E) and for publishing (Shift + Enter).

Creating Your Own Webflow Shortcuts

The Flowbase extension is a Chrome plugin that assists in development within Webflow. With this plugin, you can import a color palette from Figma or compress your images in Webflow.

A new feature now allows you to create your own keyboard shortcuts. To do this, you need to:

  • Go to your Webflow project
  • Click on the Flowbase extension
  • Select Tool Belt
  • Click on Shortcuts Manager
  • Enable the Shortcuts feature
  • Define your own keyboard shortcuts

Currently, there is a limited number of available shortcuts:

  • Add a section
  • Insert a div block
  • Add a container
  • Insert a heading
  • Add a paragraph
  • Insert a button
  • Publish the site / Webflow project
  • Open the Flowbase extension
Custom Webflow keyboard shortcuts: Flowbase extension

However, you can assign specific keys to perform these actions.

In the future, the list of options will likely be expanded, but with this feature, you can already boost your productivity as a Webflow developer.

For more tips, tutorials, and advice on Webflow, you can check out our blog and our YouTube channel. If you’re looking for a site that generates leads, you can see our expertise in developing websites.

Thibaut Legrand
Thibaut Legrand
Technical Solutions Architect & Webflow Expert

Suggested articles

AI Tech Summit 2025 conference with a speaker on stage in front of a large audience, surrounded by big screens displaying “AI” and “Tech Summit 2025”. (Gen by AI)
Events

2025 Calendar of Must-Attend Web, Design & AI Events

2025 Calendar of Must-Attend Web, Design & AI Events
Screenshot of Google search homepage with search bar and Google logo.
Documentation
SEO

3 tools to track your SEO rankings in the SERP

3 tools to track your SEO rankings in the SERP
ChatGPT 5.0 OpenAI
News
AI

ChatGPT-5 vs ChatGPT-4 vs Claude Opus 4.1: The Ultimate AI Comparison 2025

ChatGPT-5 vs ChatGPT-4 vs Claude Opus 4.1: The Ultimate AI Comparison 2025

Want to turn your website into your most valuable asset?

Contact us today