Connecteur Claude WebflowCe que Claude sait faire dans ton compte Webflow.
Le connecteur Claude Webflow expose 34 outils : 6 en lecture, 28 en écriture. Claude construit sections et composants, remplit les collections du CMS, corrige les métadonnées SEO et publie un site, dans les limites de ton rôle. Chaque outil, ce qui exige le Designer ouvert, et les garde-fous.
Avis vérifiés sur Trustpilot · Agence IA, automatisation & growth
Ce que le connecteur Claude Webflow change sur un vrai site
Tu décris la modification, Claude la fait dans ton vrai projet Webflow, à partir des styles, variables et contenus CMS déjà en place. Webflow a bâti le connecteur sur ses propres API : une section d'accueil, une série d'articles ou une passe de meta descriptions se règlent dans la conversation plutôt qu'en une longue séance dans le Designer.
Monter une section à partir d'une phrase. Demande un bandeau d'accueil adaptatif avec titre et bouton d'action : data_element_builder crée les éléments et data_style_tool applique les classes que tu utilises déjà.
Faire tourner le CMS en volume. data_cms_tool crée collections et champs et met à jour les éléments par lots ; ils restent en brouillon tant que tu ne les publies pas.
Corriger le SEO page par page. data_pages_tool lit et réécrit les métadonnées SEO et le JSON-LD des pages, et data_sitemap_tool décide de ce qui figure dans le sitemap.
Les limites comptent autant. Claude ne dépasse jamais ton propre rôle, ne peut ni ajouter d'utilisateurs ni changer les accès, et ne touche pas aux interactions Classic. L'envoi d'une image par URL et les outils du Designer en direct passent par une session du Designer ouverte. Branches de page et données Analyze dépendent de ton offre ou de modules Webflow. Et rien ne tourne seul : aucune page ne bouge à l'arrivée d'un formulaire. Pour les enchaînements déclenchés par un événement, c'est le métier d'un outil d'automatisation : vois l'intégration Webflow n8n ou l'intégration Webflow Make.
Le vocabulaire avant de brancher Webflow
Les mots de Claude autour de ce connecteur, en une minute.
- Connecteur
- Le lien que tu poses une fois entre Claude et un compte que tu as déjà, pour que Claude y travaille pendant qu'il te répond.
- Outil
- Une action nommée que le connecteur ouvre à Claude. Il choisit seul ce qu'il lui faut ; le répertoire liste les 34 par leur nom.
- Autorisation
- L'écran de Webflow où tu choisis les sites et l'espace de travail que Claude peut atteindre. Donnée une fois, et révocable.
- Approbation
- La confirmation que Claude attend avant de toucher à ton site, affichée dans la conversation au moment où ça compte.
- MCP
- Le standard commun des connecteurs : c'est lui qui permet à un assistant comme Claude de dialoguer avec un service comme Webflow.
Brancher Webflow sur Claude en trois étapes
- 01
Retrouver Webflow dans Claude
Ouvre les réglages de Claude, passe par Customize puis Connectors, et cherche Webflow. Sur un espace Team ou Enterprise, un Owner ou un Primary Owner doit l'activer avant que chaque membre puisse s'y connecter.
- 02
Lancer la connexion
Clique sur Connect sur la ligne Webflow et connecte-toi à Webflow dans la fenêtre que Webflow ouvre lui-même. Si le lien se casse plus tard, Disconnect, puis rebranche.
- 03
Choisir les sites à l'autorisation
C'est l'écran de Webflow, pas Claude, qui fixe l'étendue de l'accès. Sélectionne les sites et l'espace de travail que Claude peut atteindre, puis valide. L'accès se retire aussi plus tard depuis Webflow.
Les 34 outils, rangés par ce qu'ils font
Webflow donne à Claude 34 outils : 6 qui lisent ton compte, 28 qui y changent quelque chose.
Webflow étiquette lui-même chaque outil en lecture, en écriture ou les deux. Tout outil capable d'écrire est rangé côté écriture, même s'il lit aussi. Les noms restent tels que Claude les affiche.
- 6 lecture
- 28 écriture
Sommaire des outils
- asset_tool
- data_agent_instructions_tool
- data_assets_tool
- data_cms_tool
- data_comments_tool
- data_component_builder
- data_component_tool
- data_element_builder
- data_element_tool
- data_enterprise_tool
- data_fonts_tool
- data_forms_tool
- data_localization_tool
- data_pages_tool
- data_scripts_tool
- data_sitemap_tool
- data_sites_tool
- data_style_tool
- data_variable_tool
- data_webhook_tool
- data_whtml_builder
- designer_tool
- data_interactions_tool
- data_campaigns_tool
- data_apps_tool
- data_component_props_tool
- data_component_variants_tool
- data_element_settings_tool
Ce que Claude lit (6)
6 outilsSix outils qui regardent, mesurent ou conseillent, et laissent ton site tel quel.
ask_webflow_ai
Pose une question libre sur l'API Webflow à l'IA de Webflow et rapporte la réponse dans la conversation.
data_analyze_tool
Lit les données de Webflow Analyze : trafic dans le temps, classements de pages et de dimensions, événements d'engagement et temps passé. Webflow le décrit comme un accès en lecture seule.
element_snapshot_tool
Prend une image d'un élément tel qu'il apparaît sur le canevas, pour que Claude vérifie son propre travail sans rien publier.
get_asset_preview
Récupère un aperçu d'une image du site à partir de son identifiant, la plus petite variante ou l'originale, jusqu'à 2 Mo, images uniquement.
get_more_tools
Sollicite auprès du serveur un outil spécialisé quand ceux déjà chargés ne couvrent pas une fonction. C'est ainsi que Claude atteint ce qui sort du jeu par défaut.
webflow_guide_tool
Rend les enchaînements recommandés et les bonnes pratiques de Webflow pour ses outils, à consulter avant d'agir.
Ce que Claude change (28)
28 outilsVingt-huit outils capables de modifier ton site, la plupart lisant aussi. Aucune source ne leur attache de confirmation : la règle générale plus bas s'applique.
asset_tool
Approbation : voir la règleAjoute une image à ta médiathèque depuis une URL publique, pendant une session Designer. Toute autre gestion de fichiers passe par l'outil dédié aux médias.
data_agent_instructions_tool
Approbation : voir la règleGère les Agent Instructions d'un site, ces règles et compétences qui disent aux agents comment y travailler : elles peuvent renvoyer aux variables, styles, composants, pages et collections CMS du site lui-même.
data_assets_tool
Approbation : voir la règleS'occupe des fichiers et dossiers du site : lister, ranger, modifier, supprimer, téléverser en deux temps et compresser les fichiers trop lourds.
data_cms_tool
Approbation : voir la règleFait tourner le CMS : collections, champs, groupes de champs et éléments, créés et mis à jour en brouillon ; la mise en ligne est une action à part.
data_comments_tool
Approbation : voir la règleLit les fils de commentaires du Designer et leurs réponses, filtrés par page, statut ou date, retrouve les participants par e-mail et publie des réponses.
data_component_builder
Approbation : voir la règleInsère des instances de composants sur une page, dans un élément ou dans l'emplacement d'un autre composant, arborescences imbriquées comprises.
data_component_tool
Approbation : voir la règleRécupère et interroge les composants, en crée des vierges, transforme des éléments existants en composants, insère ou détache des instances.
data_element_builder
Approbation : voir la règleCrée des éléments sur une page à partir d'un schéma, enfants imbriqués compris, en un seul appel. C'est l'outil principal derrière une nouvelle section.
data_element_tool
Approbation : voir la règleInterroge l'arbre des éléments et le modifie : déplace et retire des éléments, édite textes, styles, liens, images, niveaux de titre et attributs.
data_enterprise_tool
Approbation : voir la règleGère les réglages de site entreprise : redirections 301, robots.txt, fichiers well-known et journaux d'activité.
data_fonts_tool
Approbation : voir la règleGère les polices téléversées : les lister et les inspecter, en enregistrer de nouvelles, remplacer leurs fichiers, mettre à jour leurs métadonnées et les retirer.
data_forms_tool
Approbation : voir la règleLit les formulaires et leurs schémas, liste et récupère les envois sur tout le site ou par formulaire, et en modifie ou supprime.
data_localization_tool
Approbation : voir la règleLocalise le contenu des pages et composants vers des langues secondaires. Il lit la langue principale ou une secondaire, mais n'écrit que dans les secondaires.
data_pages_tool
Approbation : voir la règleListe, crée et met à jour les pages, gère les branches de page et leurs aperçus, lit et écrit métadonnées SEO et JSON-LD.
data_scripts_tool
Approbation : voir la règleEnregistre, applique, met à jour et retire des scripts au niveau du site ou d'une page, et édite les blocs de code d'en-tête et de pied.
data_sitemap_tool
Approbation : voir la règleLit et règle la présence des pages statiques et des éléments CMS dans le sitemap, un par un ou en masse.
data_sites_tool
Approbation : voir la règleListe les sites auxquels tu as accès, rend le détail d'un site et publie un site sur ses domaines.
data_style_tool
Approbation : voir la règleCrée, interroge, met à jour, renomme et retire classes et combo classes, et gère les modes de variables appliqués à un style.
data_variable_tool
Approbation : voir la règleCrée, met à jour, renomme et supprime des variables de couleur, police, nombre, pourcentage et taille, et gère collections et modes.
data_webhook_tool
Approbation : voir la règleListe, crée, récupère et supprime les webhooks d'un site, ces notifications que Webflow adresse à un autre service quand quelque chose se passe.
data_whtml_builder
Approbation : voir la règleInsère des éléments sur une page à partir de chaînes HTML et CSS : Claude transforme un extrait de code en éléments Webflow natifs.
designer_tool
Approbation : voir la règleTravaille avec le Designer ouvert : lit la page, le mode, la branche, la sélection et les points de rupture, sélectionne des éléments, déplace le canevas et crée des dossiers de pages.
data_interactions_tool
Approbation : voir la règleCrée et gère les interactions construites sur GSAP, avec leurs déclencheurs et leurs chronologies, chacune posée en un seul appel. Il tourne sans session du Designer.
data_campaigns_tool
Approbation : voir la règleGère les sites Campaign Hub, les campagnes, leurs variantes de page et leurs statistiques. Une campagne part d'un brief en Markdown et produit une page d'atterrissage.
data_apps_tool
Approbation : voir la règleInspecte et gère les applis Webflow Cloud issues de GitHub : environnements, métadonnées des variables, déploiements, domaines personnalisés et journaux.
data_component_props_tool
Approbation : voir la règleGère les définitions de props d'un composant et les valeurs portées par ses instances : créer, modifier, retirer des props, fixer ou réinitialiser des valeurs.
data_component_variants_tool
Approbation : voir la règlePrend en charge les variantes d'un composant et leurs styles propres : créer, dupliquer, supprimer, réordonner, renommer, et régler les surcharges par variante.
data_element_settings_tool
Approbation : voir la règleCouvre les réglages et liaisons de données au niveau de l'élément : il les lit et les fixe, trouve ce à quoi un élément peut se lier, et règle sa balise ou sa visibilité.
Ce que Claude te demande avant d'agir
Par défaut, Claude s'arrête et demande une confirmation avant chaque action qu'il mène sur un compte à ta place. Avec 28 outils capables de toucher un site en ligne, dont un qui publie, ce réglage par défaut mérite d'être gardé.
Sur Team et Enterprise, les propriétaires de l'espace décident si un membre peut laisser certaines actions passer sans qu'on lui redemande à chaque fois. Ils peuvent aussi borner ce qu'un connecteur a le droit de faire pour toute l'organisation, garder la lecture et fermer l'écriture par exemple, et personne ne contourne ce réglage depuis son compte. Webflow ajoute ses propres règles : chaque agent travaille dans tes rôles existants et permissions existants, les Agent Instructions encadrent sa façon de construire, et chaque changement atterrit dans le journal d'activité du site.
Sur quels plans l'utiliser
Aucune des 819 fiches du répertoire officiel n'affiche sa disponibilité par plan. L'information n'est publiée nulle part connecteur par connecteur : c'est un vrai trou du catalogue.
Ce qui est publié, c'est la règle générale : les connecteurs distants sont ouverts à tous les utilisateurs sur Claude, Cowork, Claude Desktop et mobile. Sur Team et Enterprise, un Owner ou un Primary Owner ouvre le connecteur pour l'organisation avant que chaque membre puisse s'y connecter. Certaines fonctions ont leurs propres conditions côté Webflow, listées dans les limites. Pour l'état à jour, va voir la fiche Webflow du répertoire officiel. Seul Webflow documente ce connecteur.
Là où le connecteur Webflow s'arrête
Un connecteur n'est pas une automatisation. Claude appelle ces outils pendant qu'il te répond : rien ne se passe quand un formulaire arrive ou qu'un contenu CMS vieillit.
Webflow le dit sans détour : le serveur couvre une sélection de ses API, pas toutes. Les polices se limitent aux fichiers téléversés ; les déploiements Webflow Cloud exigent une appli reliée à GitHub et ne manipulent jamais de valeurs secrètes. Le badge partenaire du répertoire n'est pas un audit de sécurité, et Anthropic l'écrit sur chaque fiche : il ne choisit pas les outils d'un éditeur et ne garantit pas leur comportement. Pour un connecteur dont les sources officielles se contredisent, regarde le connecteur Claude gmail.
Besoin d'aide pour brancher Webflow sur Claude ?
Une personne lit chaque message.


