Nous utilisons des cookies pour améliorer votre expérience, analyser le trafic et personnaliser le contenu. Vous pouvez accepter, refuser ou personnaliser vos choix à tout moment.
Politique de confidentialité
EssentielsNécessaires au fonctionnement du site
AnalytiquesMesure d'audience et statistiques
MarketingPublicités personnalisées et réseaux sociaux
Webflow MCP v1.2 : HTML brut, composants avancés et 500+ propriétés CSS
Le Webflow MCP server vient de passer en version 1.2.
Et la mise à jour est substantielle.
Pour les équipes qui construisent avec des agents IA, c'est une évolution qui change vraiment la façon de travailler, pas un simple correctif de stabilité.
Voici ce qu'il faut retenir, fonctionnalité par fonctionnalité.
Ce que le Webflow MCP server permet
Avant d'entrer dans le détail des nouveautés, un rappel rapide.
Le Webflow MCP server est une couche qui connecte votre agent IA directement à vos projets Webflow.
L'agent lit, construit et modifie votre site via des instructions en langage naturel, sans passer par l'interface graphique à la main.
La v1.2 repousse les limites de ce que ces agents peuvent faire, sur quatre axes principaux.
HTML brut vers éléments Webflow natifs
C'est probablement la nouveauté la plus immédiatement utile.
Un nouvel outil accepte désormais une chaîne HTML brute et la convertit directement en éléments Webflow natifs.
Concrètement, l'agent n'a plus besoin de construire nœud par nœud.
Vous lui passez du HTML, il le traduit.
Le gain de temps sur la construction de sections complexes est réel, et la marge d'erreur liée aux instructions en plusieurs étapes disparaît.
À retenir : L'agent builder v2 supprime également l'ancienne limite de 3 niveaux de profondeur.
Les arborescences d'éléments peuvent maintenant être arbitrairement profondes, dans un seul appel.
Requêtes d'éléments façon DOM
Autre ajout notable : un outil de requête qui permet de filtrer et de rechercher des éléments par type, classe, tag, attribut ou contenu texte.
Les résultats reviennent sous forme d'arbre structuré, pas d'une liste plate.
Ce qui change en pratique : l'agent reçoit moins d'informations inutiles, cibler un élément précis dans une page dense devient fiable, et le contexte transmis au modèle est plus propre.
Moins de bruit, des résultats plus pertinents.
C'est le genre de détail qui semble technique mais qui se traduit directement par des builds plus rapides et moins de corrections manuelles à faire.
Composants avec support des slots
Les composants dans Webflow MCP v1.2 passent à un niveau supérieur. Les agents peuvent maintenant :
Définir des slots dans un composant
Remplir ces slots avec du contenu
Assembler des pages complètes en un seul appel, sans limite de profondeur
Auparavant, construire des composants réutilisables avec des zones de contenu variables demandait des allers-retours.
Avec la gestion native des slots, un agent peut créer une structure de page entière, ses composants et leur contenu, en une seule instruction.
Si vous travaillez avec une agence Webflow qui intègre des workflows IA, cette évolution change le rapport entre le temps de briefing et le temps de production.
500+ propriétés CSS couvertes
Le Style tool passe de quelques dizaines de propriétés supportées à plus de 500.
Les propriétés non supportées auparavant échouaient silencieusement, ce qui rendait le débogage difficile. Ce n'est plus le cas.
La recherche de styles est également améliorée : filtrage par propriété, valeur, tag ou nom de classe, avec des résultats mieux ciblés.
Nouveauté v1.2
Ce que l'agent peut faire concrètement
HTML brut vers éléments natifs
Injecter du HTML directement, converti en éléments Webflow sans construction nœud par nœud
Requête d'éléments (DOM)
Filtrer par type, classe, tag ou attribut — résultats retournés en arbre structuré
Composants avec slots
Définir, remplir et assembler des composants complets en un seul appel, sans limite de profondeur
500+ propriétés CSS
Appliquer n'importe quelle propriété CSS avec retour d'erreur explicite si problème
Gestion des variables
Créer, lire, renommer et supprimer des variables custom, avec support de color-mix() et calc()
Logs en temps réel
Suivre l'exécution des outils, exporter les logs et déboguer depuis le MCP Bridge App
Variables, webhooks et logs en temps réel
Trois ajouts complémentaires méritent d'être mentionnés :
Variables : les agents peuvent maintenant créer, lire, renommer et supprimer des variables custom, avec support de color-mix() et calc(). Une recherche par nom, type ou collection ID est également disponible.
Webhooks : un nouvel outil data_webhook_tool couvre la gestion complète des webhooks.
MCP Bridge App : l'interface d'observation est revue. Les étapes d'exécution, statuts, timings et logs sont visibles en temps réel. On peut exporter les logs et accéder à des raccourcis de débogage directement depuis l'app.
Comment installer le Webflow MCP server
L'installation prend environ 5 minutes. Voici les étapes pour Claude Desktop, qui est la configuration la plus accessible :
Prérequis : Node.js version 22.3.0 minimum et un compte Webflow avec au moins un site accessible.
Étapes d'installation :
Dans la fenêtre Claude, cliquer sur + puis Add connectors
Rechercher le connecteur Webflow (sélectionner "All" si nécessaire)
Cliquer sur Connect et autoriser l'accès à votre compte Webflow
Sélectionner les sites ou workspaces à connecter, puis Authorize App
Dans le Designer Webflow, ouvrir le panneau Apps (touche E) et lancer le Webflow MCP Bridge App
Attendre la connexion au serveur MCP, puis commencer à prompter
Pour Cursor, Windsurf ou Claude Code, des instructions spécifiques sont disponibles dans la documentation officielle.
Une installation manuelle via le package NPM webflow-mcp-server est également possible.
Bonne nouvelle : si vous utilisez déjà le MCP server, la mise à jour vers v1.2 est automatique. Vos agents utilisent déjà la nouvelle version.
Ce que ça signifie pour votre équipe
Le Webflow MCP v1.2 consolide quelque chose d'important : les agents IA ne sont plus limités à des manipulations basiques dans Webflow.
Ils peuvent maintenant raisonner sur la structure d'une page, injecter du HTML complexe, gérer des variables de design system et assembler des composants complets.
Pour les équipes qui construisent des sites avec Webflow, la question n'est plus "est-ce que l'IA peut aider ?" mais "comment intégrer ces outils dans notre workflow de production ?".
C'est un sujet sur lequel nous travaillons au quotidien chez Apsodia, notamment à travers nos solutions d'intelligence artificielle appliquées aux projets web.
Vous pilotez la stratégie web de votre entreprise ?
Collaborer avec Apsodia, c'est avoir une agence qui produit des résultats mesurables : trafic, conversions, visibilité IA, que vous pouvez défendre en comité de direction. On s'occupe de l'exécution technique, vous vous concentrez sur les décisions stratégiques.