Quick find is a powerful search bar within the Webflow Designer. It's an assistant that will help you quicken your workflow and boost your efficiency as you create your projects — and it's just CMD+E / CTRL+E away.

Why you’ll want to use quick find

With quick find, you'll be able to do all of the following with a few keyboard strokes or a click of a mouse:

  • Add elements onto the canvas without the need to open the elements panel
  • Add or edit a symbol without opening the add panel → symbols panel
  • Find an asset and add it onto the canvas or access its settings without opening the assets panel
  • Select on-page elements (including classes and symbols) on the current page without the need to scroll through the canvas or the navigator to find it
  • Go to a specific page or a specific Collection item detail page without having to go through many steps to find and open that page.
  • Open a Collection in the Collection manager to modify your collection items just by pressing enter.

So how can you use quick find to do all this?

  1. Launch quick find
  2. Customize quick find settings
  3. Type in your query
  4. Browse the results
  5. Choose your action

Launch quick find

First, launch quick find through the following shortcut key:

  • CMD + E on Mac
  • CTRL + E on Windows
You can also use CMD + K on Mac (CTRL + K on Windows) to launch quick find.

Customize quick find settings

Before you start searching, note that by default, the finder excludes some of the actions mentioned above. You can include those or remove any of the default actions in the finder settings. To access the finder settings, hover over the finder search bar and click the settings icon. Once you've customized your finder, click inside the finder to start searching.

Type in your query

Now, type in your query. This can be any word that may appear in many classes and page names and so on. Or, it can be specific like:

  • the name of an element (slider, map, button..)
  • the name of an asset or the extension of an asset
  • the name of a page
  • the name of a collection page (ex. the name of one of your blog posts)

You’ll instantly see the results in the all results tab.

Need to know
Quick find will show you the top 50 results. Make sure to choose the right query while searching for the item you’re looking for.

Browse the results

When you use quick find, the results will appear under the all results tab. They will also be filtered and listed under separate tabs based on their type.

 

Again, you can customize the finder to include or exclude any of these content.

Shortcut keys

You can select any result using the UP ↑ and DOWN ↓ arrow keys. You can also press tab ↹ and SHIFT+tab to quickly move between result tabs.

Choose your action

Now, let's use these results to make our workflow faster. We'll cover:

Adding items onto the canvas

You can add new items onto the canvas by searching for the type of an element or the name of a symbol or an asset. Then, add the item in one of the following ways:

  • Select the result using the keyboard keys and press enter
  • Click the result
  • Click and drag it anywhere onto the canvas or in the navigator
Good to know
Adding items using the first two methods will drop the element next to an inline element, or beneath a block element. Check out the elements panel guide to learn more.
If you hover over a symbol instance in the search result, you’ll be able to click the edit icon to rename the symbol.
Pro tips
Search for words like png, doc, jpeg to see a list of those types of assets
You can adjust your finder settings to streamline your current process. For example, when searching for assets and symbols, you can hide other actions to avoid the clutter in all results. This way, your results will only show the type of content and actions that you want to find for your current task.
You can create the layout of a whole section using only your keyboard with quick find.
 
  1. Use quick find to locate and add an element onto the canvas.
  2. If you wish to apply classes as you go, press CMD+enter (CTRL+enter), type the class name and press enter.
  3. Repeat to add as many elements as you need to lay out your page.

Selecting elements and symbols on the canvas

You can also find and select elements and symbols on the current page. To easily identify on-page elements, go to the on-page elements tab.

Once you locate the element you’re looking for, use your keyboard’s arrow keys or your mouse to select the item in the results panel. Now, that item will be selected on the canvas. If the item is way down the page, the canvas will scroll down to show you the selected element.

Pro tip
If you want to select a class to edit its styling, search for the class name and select the element. Then, if the style panel isn’t open on the right, press “S” on your keyboard to access it.

Going to specific pages

You can use quick find to open any page in your project — any static page, utility page, or collection item detail page.

Let's say you’re looking for a specific blog post page. You'll have to:

  1. Open the pages panel
  2. Go to the collection page template
  3. Scroll through hundreds of blog posts in the dropdown list to locate and open that page

With quick find, you only need to type the name of the page in the quick find bar and press enter to go to that blog post page.

Pro tip
Search for the word "template" and go to the pages tab to see all the collection template pages in your project

Accessing the collection manager of a specific collection

You can search for the name of any of your collections and hit enter to open the Collection manager and update any of the items.

‍If you're specifically looking for a collection, you can filter the results either by going to the Collections tab or by excluding all other actions in the finder settings.
If you're specifically looking for a collection, you can filter the results either by going to the Collections tab or by excluding all other actions in the finder settings.

Accessing the settings of an asset

You can also quickly access the settings of any asset. Just hover over the quick-find result and click the settings icon that appears. Learn more about managing assets.