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.
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.
FAQ
Qu'est-ce que Cursor et pourquoi fonctionne-t-il bien avec Webflow MCP ?
Cursor est un éditeur de code alimenté par l'IA, conçu pour les développeurs qui veulent accélérer leur travail grâce à un assistant intégré. Grâce au support du protocole MCP, Cursor peut se connecter directement au serveur MCP de Webflow et interagir avec le CMS, les pages et les collections sans quitter l'éditeur. Cela permet de combiner la puissance d'un éditeur de code (pour les scripts, les intégrations et les automatisations) avec la gestion directe du contenu Webflow, le tout depuis un seul environnement.
Webflow MCP + Cursor est-il utile même sans connaissances en code ?
L'intégration est particulièrement utile pour les développeurs et designers qui travaillent régulièrement avec du code. Pour les utilisateurs sans compétences techniques, Claude Desktop avec MCP est une alternative plus accessible : il permet les mêmes interactions avec Webflow via un chat en langage naturel, sans interface de code. Cursor est plus adapté aux profils techniques qui veulent combiner scripting, automatisation et gestion Webflow dans un workflow unifié.
Quelles tâches répétitives peut-on automatiser avec Webflow MCP dans Cursor ?
Parmi les tâches automatisables : la mise à jour en masse de champs CMS (métadonnées SEO, slugs, catégories), la création de plusieurs entrées à partir d'un fichier CSV, la vérification d'incohérences dans les collections (champs vides, slugs dupliqués), l'audit de contenu, la génération de textes alternatifs pour les images ou encore la synchronisation de données entre Webflow et des outils externes. Ces automatisations font gagner des heures sur des projets CMS importants.
Le serveur MCP de Webflow est-il stable et prêt pour un usage en production ?
Le serveur MCP de Webflow est disponible publiquement et activement maintenu par l'équipe Webflow. Il est utilisé en production par de nombreux développeurs et agences. Comme tout outil en évolution rapide, des mises à jour régulières peuvent modifier certains comportements, il est donc recommandé de tester les changements dans un environnement de staging avant de les appliquer en production.
Faut-il un plan Webflow spécifique pour utiliser l'intégration MCP avec Cursor ou Claude ?
L'accès à l'API Webflow, nécessaire pour utiliser MCP, est disponible sur tous les plans payants Webflow. Il n'y a pas de plan spécifique requis pour MCP : une clé API Webflow suffit pour configurer la connexion avec Cursor, Claude Desktop ou tout autre client MCP compatible. La seule condition est d'avoir un site sur un plan payant actif.
