Best Webflow Chrome Extensions in 2026: Tools We've Used and Rechecked

Here at Milk Moon Studio we specialise in web design, and bringing those designs to life on Webflow, but since we’re just a small Webflow studio we try and make life as simple for ourselves as is humanly possible (see Potato below, so simple). To that end, we’ve used a few Webflow Chrome extensions over the years to try and optimise our workflows. Because we also try and do our bit for the community when we can (see our how-tos), we’ve done a rundown on some of the Webflow extensions we’ve used below. We hope you enjoy the list and that some of it will save you some time.

Update, September 2026: we re-checked every extension below against its Chrome Web Store page. Most are still going, but the Finsweet extension has changed a lot (most of it now lives in a native Webflow app), Modkit has been delisted, and a few feature lists have moved on. We’ve marked what changed in each section. If you’re also after the wider toolbox, our post on free and paid tools for small design agencies and freelancers goes beyond browser extensions.

Finsweet Extension for Webflow

Finsweet Chrome Extension

We’ll kick things off with the mother of all Extensions, THE FINSWEET ONE. As Webflow partners go, this team has probably done the most for the community. They created the Client-First approach, and you can read more about Milk Moon’s journey with Client-First here, but aside from that, they’ve just added so much for the average Joe to use. The Finsweet extension gives you access to all their attribute solutions, like seamless pagination and CMS sliders, as well as things like re-ordering styles and colour swatches, unbinding CMS collection lists, resizing the canvas vertically, and of course Client-First. All major changes also create a backup in case anything breaks, so yeah, this is the must have. Our personal favourite is their folders feature, if you’re using client-first this is great. Wanna change the naming of an entire section or component, this does it.

Update, September 2026: Finsweet has moved most of these features into a native Webflow app, the Finsweet Extension app. The Chrome Web Store listing now says: “Most features are now in our new native Webflow App. Only site settings remain in this Chrome Extension due to Webflow API limits.” So install the app first, and keep the Chrome extension for the site settings. The app lists things like class folders, merging combo classes, removing duplicate styles, unbinding CMS collections, an asset exporter and a PX to REM migration. The description above is how the extension worked when we wrote this post, so double check that the specific feature you want is still there. If you’re new to Client-First, our Webflow Acme style guide post is a good place to start.

Features (as they were)

Bulk Redirects
Sorting and editing styles
Finsweet Attributes
Client-First
And much more, too many to list, just install this

Add Finsweet in the Chrome Web Store

F'in sweet Scrollbar Styler for Webflow

F'in sweet Scrollbar Styler

We’ll keep this brief, it’s another one from Finsweet. This extension allows you to style scrollbars visually right in Webflow and add the CSS to the project. It hasn’t been updated since 2022, but it’s still in the store and still does the one job.

Add F'in sweet Scrollbar in the Chrome Web Store

Relume Chrome Extension for Webflow

Relume Chrome Extension

This one’s great if you’re just starting out with Webflow and, well, need a place to start. There are more than 1,000 components pre-built for you here, and for more advanced Webflow users you get to save and share the components you’ve built in a private library. We can’t say how great that is when you’re working with a larger team or need to share components with clients.

The hidden gem here, however, is Class Sync. Ever copy something from one project to another and end up with a bunch of new classes, Button1, Button2 etc? Class Sync will allow you to paste something in and wham, the duplicate classes are no more. If the thing you paste in contained a duplicate class it’ll just use that class in the current project you’re pasting into, just, you know, remember to turn it on before you paste into the project. The Chrome Web Store listing (updated July 2026) still lists all of this, including the private library you can share with clients and your team. If you’d rather start from a whole project than a single component, our Webflow cloneables are another place to grab a starting point.

Features

1000+ Components and Page Layouts
Class Sync to prevent duplicating classes
Convert SVGs to Embeddable HTML elements
Create your own components and save them to a private library from which you can share.

Add Relume in the Chrome Web Store

Potato Extension for Webflow

Potato Extension

This one you’ll hardly notice off the bat, but it has a great feature. Type a pixel value into a field in the Webflow Designer, hit spacebar, pixel value converted to REM and REM selected as the value in the Designer. It’s a great help for those trying to build more responsive sites in Webflow. Especially if you’re working from a design that’s in px by default, like Figma (Figma’s Dev Mode does allow for REM values now though, so yeah). Webflow now has REM in the unit dropdown, but it still defaults to px, so this is great and will save tons of time over time. It was last updated in August 2026, so it’s clearly still looked after.

Features

Convert px to rem and set value to rem.
Copy SVG html embed code from the Asset Panel.
Optimise CLS issues in Google PageSpeed by setting inline image height with a click.
Add Alt Text from image file name in the Asset Panel (not in the current store description, so check it’s still there).
Use AI for Alt Text on Images (also not in the current store description).
Class Name Helper, to help you name classes faster.
Convert to EM as well as REM, and preserve your desktop width when you switch back (both new on the current store listing).

Add Potato for Webflow in the Chrome Web Store

Flowbase Chrome Extension

Flowbase

Flowbase adds another component library and some other tools similar to what Finsweet does with reordering etc. It also has an extensive SVG library and a Figma colour swatch importer. The current store listing talks about 3,500+ components, thousands of SVG icons and a wireframe system, but no longer mentions the swatch importer, so check that one before you rely on it.

Features

Component Library (3,500+ components on the current listing)
SVG Library
Wireframe system
Figma Color Webflow Importer
Some other neat tools

Add Flowbase in the Chrome Web Store

Modkit for Webflow

Modkit by Jetboost

Update, September 2026: Modkit is no longer available. The Chrome Web Store page comes up empty and Extpose records it as delisted on 15 September 2025, so don’t go looking for the install link. We’ve left the write-up here as a record of what it did. AidKit (below) has an active breakpoint indicator if you miss the alert.

Created by Jetboost, the extension mostly aimed to add some quality of life improvements, like warning you that you might be editing the wrong breakpoint so you don’t have to switch back to desktop and redo whatever you just did. It would also let you know that the element you’re working on affects more than one element, great if you’re picking up where someone else left off and you don’t always know what exactly they’ve done and where. We especially liked this because it gave you a much bigger code editor.

Features

Maximise code editor
Ability to move breadcrumbs to the top of the designer
Alerts on multiple affected elements
Alerts when editing on a non-desktop breakpoint

Add Modkit in the Chrome Web Store (no longer available, so no link)

Webflow Collection Reorder

Webflow drag and drop reorder CMS collection list items

This extension does what it says, reorder collection list items in the Designer. Simply create a Number field called exactly “Sort Order” in the Collection, hit the new Sort button on the collection page, and then drag and drop CMS items to reorder them. It saves the new order back to that field, so make sure your collection list is sorted by Sort Order. Just note it was last updated in January 2023.
We won’t lie, we haven’t tested this extension, but it might save time, especially for your clients.

Add Webflow Collection Reorder in the Chrome Web Store

Webflow Checker

Webflow Checker Extension

There are a lot of extensions out there that tell you what tech stack a site is running on. This extension keeps things simple: wanna know if the site was built in Webflow, yes or no, it’s that simple. The icon stays grey, and turns blue with a green checkmark on Webflow sites.

Add Webflow Checker in the Chrome Web Store

AidKit for Webflow

Aidkit for Webflow

AidKit is another Webflow quality of life extension providing things like character counts in your meta input fields and indicates whether it thinks they’re too long or short. It’s a nice little helper to have.

Features

Add character count to text inputs
Add ‘status’ of meta descriptions
Limit meta description length to 160 characters
Active breakpoint indicator, so you notice when you’re not on the base breakpoint
Undo and redo buttons back where Webflow used to put them

Add AidKit in the Chrome Web Store

And that as they say is the skinny on the best Webflow Extensions for Chrome. We’ve scoured the web for as long as we could to find the best, and there are others, like CopyCat, but some of those are essentially full products in their own right that just use an extension to get something in or out of Webflow. But, if we did miss something you use, drop a name and a link in the comment and we’ll add it to the list. Even better, tell us why you love it and how it’s helped make you a Webflow expert.

As a final aside, we don’t actually use Chrome, we switched to Arc, and yes it’s Chromium based and can run all these extensions by simply adding them in the Chrome Web Store. We talked about Arc a while ago and you can find that here.

Update, September 2026: Arc has been in maintenance mode since May 2025, which means security fixes but no new features, and The Browser Company has moved on to Dia (Atlassian bought the company in late 2025). It still runs all of these extensions, but weigh that up before you make the switch.

Webflow Chrome extensions: quick answers

What is the best Webflow Chrome extension?

There isn’t one, it depends on the job. For most people we’d start with Relume for components and Class Sync, Potato for px to REM, and the Finsweet Extension app for class folders and clean-up. AidKit is a nice extra for meta description lengths.