Meilleures extensions Chrome pour Webflow en 2026, revérifiées

Chez Milk Moon Studio, nous sommes spécialisés dans le design web et dans l’art de donner vie à ces designs sur Webflow. Mais comme nous ne sommes qu’un petit studio Webflow, nous essayons de nous simplifier la vie autant qu’il est humainement possible (voyez Potato plus bas, c’est d’une simplicité). Dans cette optique, nous avons utilisé plusieurs extensions Chrome pour Webflow au fil des ans afin d’optimiser nos flux de travail. Comme nous essayons aussi d’apporter notre pierre à la communauté quand nous le pouvons (voyez nos tutoriels), nous avons fait le tour de quelques extensions Webflow que nous avons utilisées. Nous espérons que la liste vous plaira et qu’elle vous fera gagner du temps.

Mise à jour, septembre 2026 : nous avons revérifié chaque extension ci-dessous sur sa page du Chrome Web Store. La plupart sont toujours actives, mais l’extension Finsweet a beaucoup changé (l’essentiel se trouve désormais dans une application Webflow native), Modkit a été retiré du store, et quelques listes de fonctionnalités ont évolué. Nous avons signalé ce qui a changé dans chaque section. Si vous cherchez aussi une boîte à outils plus large, notre article sur les outils gratuits et payants pour les petites agences de design et les freelances va bien au-delà des extensions de navigateur.

Finsweet Extension for Webflow

Extension Chrome Finsweet

Commençons par la mère de toutes les extensions, CELLE DE FINSWEET. Parmi les partenaires de Webflow, cette équipe est probablement celle qui a le plus fait pour la communauté. Ils ont créé l’approche Client-First, et vous pouvez lire ici le parcours de Milk Moon avec Client-First, mais à part ça, ils ont ajouté tellement d’outils utiles pour monsieur Tout-le-monde. L’extension Finsweet vous donne accès à toutes leurs solutions Attributes, comme la pagination fluide et les sliders CMS, mais aussi à des fonctions comme la réorganisation des styles et les nuanciers de couleurs, le détachement des listes de collections CMS, le redimensionnement vertical du canvas et, bien sûr, Client-First. Chaque modification majeure crée aussi une sauvegarde au cas où quelque chose casserait, alors oui, c’est un indispensable. Notre fonction préférée, c’est leurs dossiers : si vous utilisez Client-First, c’est génial. Envie de renommer toute une section ou un composant ? Ça le fait.

Mise à jour, septembre 2026 : Finsweet a déplacé la plupart de ces fonctionnalités dans une application Webflow native, l’application Finsweet Extension. La fiche du Chrome Web Store indique désormais (en anglais) : « Most features are now in our new native Webflow App. Only site settings remain in this Chrome Extension due to Webflow API limits. » Installez donc d’abord l’application, et gardez l’extension Chrome pour les réglages du site. L’application propose notamment les dossiers de classes, la fusion des combo classes, la suppression des styles en double, le détachement des collections CMS, un exportateur d’assets et une migration de PX vers REM. La description ci-dessus correspond au fonctionnement de l’extension à l’époque où nous avons écrit cet article, alors vérifiez que la fonctionnalité qui vous intéresse est toujours là. Si Client-First est nouveau pour vous, notre article sur le style guide Webflow Acme est un bon point de départ.

Fonctionnalités (telles qu’elles étaient)

Redirections en masse (Bulk Redirects)
Tri et modification des styles
Finsweet Attributes
Client-First
Et bien d’autres, trop nombreuses pour les lister, installez-la, tout simplement

Ajouter Finsweet depuis le Chrome Web Store

F'in sweet Scrollbar Styler for Webflow

F'in sweet Scrollbar Styler

Nous serons brefs, c’est une autre extension de Finsweet. Elle vous permet de styliser visuellement les barres de défilement directement dans Webflow et d’ajouter le CSS au projet. Elle n’a plus été mise à jour depuis 2022, mais elle est toujours dans le store et fait toujours son unique boulot.

Ajouter F'in sweet Scrollbar depuis le Chrome Web Store

Relume Chrome Extension for Webflow

Extension Chrome Relume

Celle-ci est parfaite si vous débutez sur Webflow et que, eh bien, vous avez besoin d’un point de départ. Plus de 1 000 composants prêts à l’emploi vous y attendent, et les utilisateurs plus avancés de Webflow peuvent enregistrer et partager les composants qu’ils ont créés dans une bibliothèque privée. Impossible de dire à quel point c’est pratique quand on travaille avec une équipe plus grande ou qu’on doit partager des composants avec des clients.

La perle cachée, en revanche, c’est Class Sync. Vous avez déjà copié un élément d’un projet à un autre pour vous retrouver avec une flopée de nouvelles classes, Button1, Button2 et compagnie ? Class Sync vous permet de coller l’élément et hop, les classes en double disparaissent. Si ce que vous collez contient une classe en double, il utilisera simplement celle qui existe déjà dans le projet où vous collez. Pensez juste à l’activer avant de coller dans le projet. La fiche du Chrome Web Store (mise à jour en juillet 2026) mentionne toujours tout cela, y compris la bibliothèque privée que vous pouvez partager avec vos clients et votre équipe. Si vous préférez partir d’un projet entier plutôt que d’un seul composant, nos Webflow cloneables sont un autre endroit où trouver un point de départ.

Fonctionnalités

Plus de 1 000 composants et mises en page
Class Sync pour éviter de dupliquer les classes
Conversion des SVG en éléments HTML embarquables
Créez vos propres composants et enregistrez-les dans une bibliothèque privée que vous pouvez partager.

Ajouter Relume depuis le Chrome Web Store

Potato Extension for Webflow

Extension Potato

Celle-ci passe presque inaperçue au premier abord, mais elle a une super fonctionnalité. Tapez une valeur en pixels dans un champ du Webflow Designer, appuyez sur la barre d’espace, et la valeur en pixels est convertie en REM, avec REM sélectionné comme valeur dans le Designer. C’est une aide précieuse pour ceux qui veulent construire des sites plus responsives dans Webflow, surtout si vous travaillez à partir d’une maquette en px par défaut, comme Figma (le Dev Mode de Figma permet désormais les valeurs REM, mais bon). Webflow propose maintenant REM dans le menu déroulant des unités, mais il reste sur px par défaut, donc cette extension est top et vous fera gagner énormément de temps à la longue. Elle a été mise à jour pour la dernière fois en août 2026, elle est donc clairement toujours entretenue.

Fonctionnalités

Convertir px en rem et définir la valeur en rem.
Copier le code d’intégration HTML d’un SVG depuis le panneau Assets.
Optimiser les problèmes de CLS dans Google PageSpeed en définissant la hauteur d’une image en ligne d’un clic.
Ajouter un texte alternatif à partir du nom de fichier de l’image dans le panneau Assets (absent de la description actuelle du store, vérifiez donc qu’il est toujours là).
Utiliser l’IA pour générer le texte alternatif des images (également absent de la description actuelle du store).
Class Name Helper, pour nommer vos classes plus vite.
Convertir aussi en EM et pas seulement en REM, et conserver votre largeur desktop quand vous y revenez (deux nouveautés sur la fiche actuelle du store).

Ajouter Potato for Webflow depuis le Chrome Web Store

Flowbase Chrome Extension

Flowbase

Flowbase ajoute une autre bibliothèque de composants et quelques outils comparables à ceux de Finsweet, comme la réorganisation. Elle propose aussi une vaste bibliothèque de SVG et un importateur de nuanciers de couleurs Figma. La fiche actuelle du store parle de plus de 3 500 composants, de milliers d’icônes SVG et d’un système de wireframes, mais ne mentionne plus l’importateur de nuanciers, alors vérifiez ce point avant de vous y fier.

Fonctionnalités

Bibliothèque de composants (plus de 3 500 composants sur la fiche actuelle)
Bibliothèque de SVG
Système de wireframes
Importateur de couleurs Figma vers Webflow
Quelques autres outils sympas

Ajouter Flowbase depuis le Chrome Web Store

Modkit for Webflow

Modkit par Jetboost

Mise à jour, septembre 2026 : Modkit n’est plus disponible. La page du Chrome Web Store est vide et Extpose l’indique comme retiré du store le 15 septembre 2025, inutile donc de chercher le lien d’installation. Nous avons laissé la présentation ici pour garder une trace de ce qu’elle faisait. AidKit (plus bas) propose un indicateur de breakpoint actif si l’alerte vous manque.

Créée par Jetboost, l’extension visait surtout à apporter quelques améliorations de confort, comme vous avertir que vous êtes peut-être en train de modifier le mauvais breakpoint, pour ne pas devoir revenir en desktop et refaire tout ce que vous veniez de faire. Elle vous signalait aussi que l’élément sur lequel vous travaillez en affecte plusieurs autres, idéal quand vous reprenez le travail de quelqu’un d’autre sans toujours savoir ce qui a été fait et où. Nous l’aimions particulièrement parce qu’elle offrait un éditeur de code beaucoup plus grand.

Fonctionnalités

Agrandir l’éditeur de code
Possibilité de déplacer le fil d’Ariane (breadcrumbs) en haut du Designer
Alertes en cas d’éléments multiples affectés
Alertes lors d’une modification sur un breakpoint autre que desktop

Ajouter Modkit depuis le Chrome Web Store (n’est plus disponible, donc pas de lien)

Webflow Collection Reorder

Réorganiser par glisser-déposer les éléments d’une liste de collection CMS Webflow

Cette extension fait ce qu’elle dit : réorganiser les éléments d’une liste de collection dans le Designer. Créez simplement un champ Number nommé exactement « Sort Order » dans la collection, cliquez sur le nouveau bouton Sort sur la page de la collection, puis glissez-déposez les éléments CMS pour les réorganiser. Le nouvel ordre est enregistré dans ce champ, alors assurez-vous que votre liste de collection est triée par Sort Order. Notez simplement qu’elle n’a pas été mise à jour depuis janvier 2023.
Nous ne vous cacherons pas que nous n’avons pas testé cette extension, mais elle peut faire gagner du temps, surtout à vos clients.

Ajouter Webflow Collection Reorder depuis le Chrome Web Store

Webflow Checker

Extension Webflow Checker

Il existe beaucoup d’extensions qui vous disent sur quelle stack technique tourne un site. Celle-ci reste simple : vous voulez savoir si le site a été construit avec Webflow, oui ou non, c’est aussi simple que ça. L’icône reste grise, et devient bleue avec une coche verte sur les sites Webflow.

Ajouter Webflow Checker depuis le Chrome Web Store

AidKit for Webflow

Aidkit for Webflow

AidKit est une autre extension de confort pour Webflow, qui propose entre autres un compteur de caractères dans vos champs meta et indique si elle estime qu’ils sont trop longs ou trop courts. C’est un petit assistant bien utile.

Fonctionnalités

Ajouter un compteur de caractères aux champs de texte
Ajouter un « statut » aux meta descriptions
Limiter la longueur de la meta description à 160 caractères
Indicateur de breakpoint actif, pour remarquer quand vous n’êtes pas sur le breakpoint de base
Boutons annuler et rétablir remis là où Webflow les plaçait autrefois

Ajouter AidKit depuis le Chrome Web Store

Et voilà, comme on dit, le tour d’horizon des meilleures extensions Webflow pour Chrome. Nous avons écumé le web aussi longtemps que possible pour trouver les meilleures, et il y en a d’autres, comme CopyCat, mais certaines sont en réalité de vrais produits à part entière qui se servent simplement d’une extension pour faire entrer ou sortir quelque chose de Webflow. Mais si nous avons oublié une extension que vous utilisez, laissez un nom et un lien en commentaire et nous l’ajouterons à la liste. Mieux encore, dites-nous pourquoi vous l’adorez et en quoi elle vous a aidé à devenir un expert Webflow.

Pour finir, une remarque en passant : nous n’utilisons pas vraiment Chrome, nous sommes passés à Arc. Oui, il est basé sur Chromium et peut faire tourner toutes ces extensions, il suffit de les ajouter depuis le Chrome Web Store. Nous avons parlé d’Arc il y a quelque temps et vous pouvez retrouver cet article ici.

Mise à jour, septembre 2026 : Arc est en mode maintenance depuis mai 2025, ce qui veut dire des correctifs de sécurité mais aucune nouvelle fonctionnalité, et The Browser Company est passée à Dia (Atlassian a racheté l’entreprise fin 2025). Arc fait toujours tourner toutes ces extensions, mais pesez le pour et le contre avant de faire le saut.

Extensions Chrome pour Webflow : réponses rapides

Quelle est la meilleure extension Chrome pour Webflow ?

Il n’y en a pas une seule, tout dépend de la tâche. Pour la plupart des gens, nous commencerions par Relume pour les composants et Class Sync, Potato pour convertir px en REM, et l’application Finsweet Extension pour les dossiers de classes et le ménage. AidKit est un petit plus sympa pour la longueur des meta descriptions.

L’extension Chrome Finsweet fonctionne-t-elle toujours ?

Oui, mais en version allégée. Finsweet indique que la plupart des fonctionnalités sont désormais dans son application Webflow native et que seuls les réglages du site restent dans l’extension Chrome.

Comment savoir si un site a été construit avec Webflow ?

Installez l’extension Webflow Checker. Son icône est grise sur la plupart des sites et devient bleue avec une coche verte quand la page a été construite avec Webflow.