The best chrome extensions to have for developing in Webflow

Webflow is an exceptional tool for developing custom websites. Unlike tools like Wordpress or Wix, Webflow does not offer the possibility to install plugins on its project. This is a differentiating point that allows you to have optimized projects without security flaws.

To add features to Webflow projects, some agencies have developed Chrome extensions. Today, we are going to present you 5 of them which have real advantages to optimize your development time.

1. Finsweet Extension for Webflow

TheFinsweet extension allows you to have nice extra features in your Webflow.

There are the bonus"candies":

• 301 redirects in bulk
• Delete breakpoints
• Rearrange the colors
• Insert a cookie banner
• Reorganize CSS styles (for the principle of CSS specificity)
• Add global custom code without going into the general project settings
• Reorganize interactions
• Merge combo classes to create a single class
• Have direct access to the history of the pages
• Delete classes
• Delete styles
• Disconnect the CMS from a page or section
• Resize your webflow project vertically

We also have a lot of features for Client-First:

• Add the basic structure to a page
• Add the spacing system
• Generate a fluid responsive for our project
• Accessing the V2 Folders system
• REM Pixel Calculator
• PX to REM converter

We also have access to all the scripts of the attributes to integrate them in 2 clicks on our project. Finally, we find useful links to the Webflow agency's documentation and the latest modifications.

2. Relume Chrome Extension for Webflow

TheRelume extension for Webflow may seem simple, but it is still very useful. The Relume Library has become a reference for developing projects faster by avoiding repetitive tasks.

However, without the extension when you copy and paste an element from this component library, some classes may be duplicated. A component with a button may have a "button 2" class for example. To avoid this, Relume has released an extension, which allows us to activate the"Sync Mode".

This synchronization mode allows the elements you copy to take the styles you have already created in your project. So we don't have the problem of having "button 2" anymore.

3. Flowbase Chrome Extension

TheWebflow extension of Flowbase also provides interesting features to develop more efficiently.

We find inside our Designer :

• a component library
• a library of icons
• Keyboard shortcut manager
• The ability to rearrange your colors
• The possibility to import colors from a JSON file(Import colors from Figma to Webflow)

4. AI Alt Text for Webflow by Web Bae

TheAI Alt Text extension from Web Bae is a little nugget to optimize your Webflow project in terms of SEO andweb accessibility.

As the name suggests, this extension allows to automatically generate (thanks to artificial intelligence) alternative texts to our images in the Designer. The tool works perfectly for png, webp, jpeg, but not yet for SVG. Your website will be SEO-friendly thanks to this extension.

Here is a YouTube tutorial to explain how to use the tool:

5. GPT-3 Meta Descriptions

Artificial intelligences are very trendy today. Their use allows us to improve our productivity. Lately, ChatGPT is making some noise. TheWebflow GPT-3 Meta description extension uses AI to generate SEO title and meta description automatically.

Just go to the settings of your page, click on generate Title (or Meta), add your keywords and a description of your page for the tool to offer a title or description optimized for SEO.

This is a great time saver, even if we still advise you to check what the tool proposes!

That's it for this list of useful extensions for Webflow! With the announcement at Webflow Conf' 2022 of apps in Webflow, will we see similar tools directly integrated into our projects? The future will tell us!