Étude de cas

Webflow MCP

2 min

Comment les agents IA travaillent déjà sur nos sites Webflow

Chez KLIMB, le Webflow MCP permet à nos intégrateurs de connecter Claude directement à Webflow pour automatiser les tâches de volume (migrations, collections CMS, corrections en masse) tout en gardant un contrôle humain total sur ce qui est publié.

Anthony Pétremant

Website engineer - KLIMB

Ce qu’on retient

Basé sur le témoignage de l’expert Webflow chez KLIMB.

Données fournies par KLIMB

Plusieurs centaines

d’articles corrigés en quelques minutes

Quelques minutes

pour des corrections qui prenaient
plusieurs heures de clics

3 phases projet

automatisées : 
composants, collections CMS, 
migration de contenu

Partie 01  ·  Mise en contexte

Peux-tu te présenter et nous expliquer simplement ce qu’est le Webflow MCP ?

Je suis Anthony Pétremant, Website Engineer chez KLIMB. Je m’occupe principalement de l’intégration des maquettes Figma dans Webflow : la gestion et la mise en place de l’architecture du site, les migrations, le SEO technique, et de plus en plus la façon dont on intègre l’IA dans notre production.

Le MCP, c’est un connecteur qui permet de relier des outils IA comme Claude à d’autres outils comme Webflow. Ça fait le pont entre les deux, pour que l’IA puisse lire et interagir directement sans assistance de notre part, à part lui donner des instructions et les autorisations nécessaires.

Partie 02  ·  Découverte et mise en place

Comment avez-vous découvert et mis en place le Webflow MCP sur vos projets ?

On utilisait déjà Claude au quotidien pour corriger du code, sans MCP. C’est une fois que Webflow a annoncé cet outil que j’ai pu commencer à le tester. Ce qui m’a vraiment convaincu, c’est quand le MCP a pu interagir avec les collections CMS et les composants, proprement, en respectant le design system déjà en place sur le site. À partir de là, ce n’était plus un gadget mais un vrai outil de production.

Techniquement, la mise en place est rapide : on connecte Claude à Webflow via le MCP et on donne les autorisations site par site. Le vrai travail, c’est ce qu’on a mis autour : des playbooks qui expliquent à l’agent nos conventions d’intégration, et un fichier de contexte propre à chaque client.

“Un bon exemple, c’est la migration du site de TRESO2. On a exporté plusieurs centaines d’articles, et chacun contenait des dizaines de liens externes à modifier pour des raisons SEO. À la main, ça aurait pris des jours, avec un vrai risque d’en oublier. Via le MCP, l’agent a repassé sur tous les articles en quelques minutes, de façon propre.“

Anthony Pétremant, Website Engineer, KLIMB

Partie 03  ·  Ce qui change au quotidien

Sur quels types de tâches utilisez-vous le Webflow MCP, et comment ça a changé ta façon de travailler ?

On l’utilise surtout sur trois grandes phases : l’implémentation des composants de Figma à Webflow, la création des collections CMS, et la migration de contenu. C’est là qu’on gagne le plus de temps.

Avant, une grosse partie de mon temps passait dans l’exécution : créer les champs, saisir le contenu, corriger page par page. Aujourd’hui, je passe beaucoup plus de temps en amont, à structurer le projet, puis en aval, à vérifier et peaufiner. L’agent s’occupe du volume et du répétitif, et moi je me concentre sur ce qui demande un vrai regard.

Partie 04  ·  Les gains de temps

Quels gains de temps ou d’efficacité avez-vous 
constatés ?

C’est difficile de donner un chiffre précis, parce que ça dépend beaucoup des projets. Mais le gain est très net sur toutes les tâches de volume : les corrections en masse, comme ajouter ou modifier un champ sur des centaines de pages, sont passées de plusieurs heures de clics à quelques minutes.

Le vrai gain n’est pas seulement le temps gagné sur l’exécution : c’est la fiabilité. Un agent qui applique toujours les mêmes règles ne se fatigue pas et n’oublie pas une ligne sur 300. C’est ça qui change la donne sur les tâches de volume.

Partie 05  ·  Gouvernance et confiance

Comment gérez-vous ce qu’un agent IA a le droit de faire, et comment rassurez-vous vos clients ?

Grâce à nos playbooks, qui encadrent tout le travail de l’agent : pas seulement quoi faire, mais comment le faire et ce qu’il ne doit pas toucher. La règle de base, c’est que rien n’est publié sans validation humaine : on travaille sur staging, on vérifie, puis on publie nous-mêmes.

On est transparents avec nos clients : l’IA est un outil de production, comme Figma ou Webflow, pas quelqu’un qui décide à notre place. Pour le client, rien ne change sur le niveau d’exigence : il a le même résultat, mais plus vite et avec moins d’erreurs.

Partie 06  ·  Et demain ?

Quel conseil donnerais-tu à une agence qui envisage d’utiliser le Webflow MCP, et comment vois-tu la suite ?

Documentez vos process et transformez-les en instructions pour votre agent, parce que l’IA ne devine pas vos méthodes : sans cadre clair, elle improvise.

Je pense que les agents vont prendre en charge de plus en plus l’exécution. Le rôle de l’intégrateur va se déplacer : moins d’exécution, plus de temps passé à structurer les projets, diriger le travail, et optimiser le SEO, le suivi ou les animations.

Vous envisagez une migration ?

On commence par un audit de votre site actuel : URL, contenu, design system et performance. Vous repartez avec un plan, même si vous ne travaillez pas avec nous.