Webflow MCP + Cursor : l'intégration qui change vraiment la façon de travailler
Il y a un moment précis où vous arrêtez de chercher des prétextes pour ouvrir un onglet navigateur pendant que vous écrivez du code. Pour beaucoup de développeurs et de designers qui travaillent avec Webflow, ce moment est arrivé avec l'intégration MCP dans Cursor.
Ce n'est pas une énième feature d'automatisation. C'est un changement de perspective sur ce que signifie travailler avec une plateforme comme Webflow quand un agent IA devient votre intermédiaire direct.
Le MCP et pourquoi Webflow a misé dessus
Le Model Context Protocol (MCP) est un standard ouvert qui permet aux agents IA de se connecter à des outils externes et d'agir directement dessus. Webflow a développé son propre serveur MCP, disponible publiquement, et l'a rendu compatible avec Cursor, Claude Desktop, Windsurf et d'autres environnements.
L'idée de fond est simple mais puissante : au lieu de chercher dans la documentation de l'API Webflow, apprendre les bons paramètres et écrire les appels à la main, vous décrivez en langage naturel ce que vous voulez faire. L'agent s'occupe du reste.
Webflow proposait déjà ce serveur MCP depuis quelque temps. La nouveauté récente, c'est le lancement officiel du plugin sur le Cursor Marketplace, vérifié par l'équipe Cursor, avec un accès en un clic et une bibliothèque de skills prêts à l'emploi. Une étape qui rend l'intégration accessible même à ceux qui ne sont pas à l'aise avec la configuration manuelle de serveurs MCP.
Comment l'installer (spoiler : c'est rapide)
Ouvrir Cursor, se rendre sur cursor.com/marketplace/webflow et ajouter le plugin. Ou directement dans l'éditeur :
/add-plugin webflow
La première fois que l'agent fait un appel à Webflow, le navigateur s'ouvre pour l'authentification, un processus à faire une seule fois. Ensuite, on teste avec quelque chose de simple :
« Montre-moi mes sites Webflow »
Si ça renvoie la liste de vos sites, vous êtes opérationnel.
Une journée avec le plugin : ce que ça change concrètement
Voilà à quoi ressemble une journée de travail type pour une équipe qui utilise le plugin au quotidien.
Le matin, un SEO manager lance un audit du site depuis Cursor. En quelques secondes, il obtient un inventaire complet : pages sans meta description, images sans alt text, liens cassés dans le CMS. Des tâches qui prenaient une demi-journée manuellement.
L'après-midi, un développeur met à jour 40 items d'une collection de produits : nouvelle catégorie, nouveaux slugs, nouveau champ « featured ». Il décrit le changement en langage naturel, l'agent montre un diff complet avant d'agir. Rien ne bouge sans validation.
En fin de journée, le safe-publish liste tout ce qui va partir en live : pages modifiées, items CMS en draft. Une confirmation explicite est demandée. Le site est publié, et l'agent vérifie qu'il est bien accessible.
C'est cette boucle, décrire, prévisualiser, valider, agir, qui change le quotidien.
Ce que vous pouvez faire : les skills principaux
Le plugin inclut dix skills officiels. Ce ne sont pas des fonctions isolées : ce sont des workflows complets, avec prévisualisation, validation et approbation granulaire avant chaque action. L'agent ne fait jamais rien sans vous montrer d'abord ce qu'il s'apprête à faire.
Gestion du contenu CMS
Le cœur de l'intégration, pour ceux qui utilisent Webflow pour gérer du contenu, c'est la possibilité d'opérer sur le CMS directement depuis Cursor.
Avec bulk-cms-update, vous pouvez créer ou mettre à jour des dizaines d'items d'une collection en une seule instruction. L'agent récupère le schéma de votre collection, valide les données, vous montre un aperçu avec les différences ancien → nouveau, et attend votre confirmation avant de procéder. Un système de rollback est intégré : si vous changez d'avis, vous avez quelques minutes pour tout annuler.
Avec cms-collection-setup, vous créez une nouvelle collection en décrivant la structure dont vous avez besoin, relations incluses. Utile quand vous prototypez un site ou ajoutez des sections à un projet existant.
cms-best-practices est un skill consultatif : il vous guide sur la structure optimale des collections, quand utiliser le CMS versus le contenu statique, comment modéliser les relations entre types de contenu. Particulièrement précieux en phase de planning.
Santé et SEO du site
site-audit génère un inventaire complet : pages, collections, schémas de champs, métadonnées SEO manquantes, items en brouillon. Il renvoie une photographie du site avec un score de santé et des recommandations priorisées. Exportable en Markdown, JSON ou CSV.
asset-audit analyse les images et fichiers, identifie ceux sans alt text ou avec des noms non optimisés pour le SEO, et propose des versions améliorées en validant chaque suggestion avant de l'appliquer.
accessibility-audit requiert la connexion au Webflow Designer et effectue un contrôle WCAG 2.1 : boutons sans label, inputs sans label associé, hiérarchie des titres, états de focus supprimés, touch targets trop petits. Chaque problème est présenté avec le fix proposé, applicable un par un.
link-checker scanne tous les liens du site, pages statiques et contenu CMS, et signale les liens cassés, les liens encore en HTTP, et les redirects optimisables.
Publication et code personnalisé
safe-publish introduit une friction intentionnelle dans le processus de publication : il montre tout ce qui va passer en live, effectue des vérifications, et demande une confirmation explicite. Vous devez écrire « publish », un « oui » générique ne suffit pas. Il vérifie ensuite que le site est bien accessible après la publication. Cette friction délibérée évite les publications accidentelles déclenchées par une réponse générique dans une conversation avec un agent IA.
custom-code-management sert à ajouter, visualiser ou supprimer des scripts inline : pixels de tracking, analytics, widgets de chat. À noter : la suppression efface tous les scripts présents, il n'y a pas de suppression sélective via MCP.
La vraie valeur : pas le temps gagné, mais la qualité du travail
On a tendance à présenter ces outils uniquement comme des « gains de temps ». Et c'est vrai qu'auditer cent assets ou mettre à jour cinquante items CMS se fait en minutes au lieu d'heures. Mais la valeur la plus subtile est ailleurs.
Quand chaque action est précédée d'une prévisualisation, quand chaque modification est réversible, quand l'agent vous montre ce qu'il s'apprête à faire avant de le faire, on travaille avec moins d'appréhension. On teste plus, on itère plus, on fait des erreurs avec moins de conséquences.
Pour les équipes qui travaillent sur des sites Webflow en production, cette qualité de feedback avant l'action est souvent plus précieuse que le gain de temps lui-même.
FAQ
Le plugin Webflow MCP dans Cursor est-il gratuit ?
Le plugin lui-même est gratuit et disponible sur le Cursor Marketplace. Il nécessite un compte Webflow actif pour fonctionner, et certaines fonctionnalités dépendent de votre plan Webflow. Cursor a sa propre grille tarifaire indépendante.
Faut-il savoir programmer pour utiliser ce plugin ?
Non. Les skills de gestion CMS, d'audit et de publication sont accessibles en langage naturel, sans écrire une seule ligne de code. Les skills orientés Code Components et CLI s'adressent en revanche à des profils techniques.
Quelle est la différence avec Claude Desktop ?
Le serveur MCP est le même. Ce qui change, c'est l'environnement client et les skills disponibles. Cursor propose les skills organisés en plugins structurés via son Marketplace. Claude Desktop, Windsurf et d'autres clients MCP compatibles donnent accès au même serveur, mais sans les skills pré-packagés.
Peut-on annuler une action faite par l'agent ?
Plusieurs skills intègrent un système de rollback, notamment bulk-cms-update et asset-audit, disponible pendant quelques minutes après chaque modification. Pour les actions irréversibles, le plugin demande toujours une confirmation explicite avant d'agir.
Par où commencer
Le point de départ, c'est le Cursor Marketplace : /add-plugin webflow, authentification en une fois, et un premier test avec un audit du site ou une requête sur le CMS.
Pas besoin de tout savoir à l'avance. La meilleure façon de comprendre ce que fait cette intégration, c'est de l'utiliser sur quelque chose de réel, un site que vous connaissez déjà, une collection que vous gérez déjà, et d'observer comment l'agent interprète vos instructions et propose ses actions.
