Webflow AI : créer un site, puis le préparer au lancement

Webflow AI transforme un brief d’entreprise en un site de plusieurs pages, entièrement modifiable, puis vous aide à retravailler les textes, les sections et les contenus. Pour un entrepreneur ou une petite agence, l’intérêt tient surtout au point de départ : vous pouvez examiner une première proposition de site avant d’assembler chaque page vous-même. L’offre, les éléments qui l’étayent et la décision de publier restent de votre ressort.

Avec la refonte du 5 février 2026, Webflow a intégré la structure multipage, les styles, les animations et les bases d’un système de design au processus de création du site. Le générateur est accessible à tous les niveaux d’abonnement, y compris Enterprise, depuis New site dans le tableau de bord. Son accès ne supprime pas les limites de pages de votre forfait. Annonce de Webflow.

Quel outil d’IA choisir selon la tâche ?

Webflow AI réunit plusieurs outils aux rôles distincts. Le générateur de sites pose la structure de départ. Les outils intégrés à l’éditeur permettent ensuite de travailler chaque élément. MCP, pour Model Context Protocol, établit la connexion grâce à laquelle un assistant IA externe peut utiliser des outils dans votre site Webflow.

Ces points d’entrée restent distincts, même si Webflow regroupe ses fonctionnalités natives sous le nom Webflow AI. Vue d’ensemble des fonctions IA, conditions d’utilisation du générateur, présentation de MCP.

Comment activer Webflow AI dans votre Workspace ?

Un Owner ou Admin du Workspace doit ouvrir l’espace concerné, aller dans Workspace settings → General, puis activer Enable Webflow AI. Sur Enterprise, les rôles personnalisés peuvent aussi gérer la permission Use Webflow AI. Si un membre de l’équipe ne voit pas l’option, vérifiez à la fois le réglage du Workspace et son rôle. Instructions d’administration de Webflow.

La génération de sites, la création de sections et l’aide contextuelle ne consomment pas de crédits Webflow AI. En revanche, la rédaction, la génération d’éléments CMS, les composants de code IA et les tâches de SEO par IA en consomment. Les crédits sont partagés à l’échelle du Workspace, et la consommation dépend de la tâche. L’option payante affichée actuellement sur la page des tarifs de Webflow comprend 2,000 crédits par mois pour $20/mois, avec une facturation annuelle. Règles de consommation des crédits, tarifs Webflow.

Créer un site web avec l’IA : du prompt aux trois pages publiées

Prenez une petite entreprise de services avec un objectif de conversion précis. Notre exemple est Cedar Studio, un studio fictif spécialisé dans l’identité de marque, qui souhaite recevoir des demandes de projet. Son site comporte les pages Accueil, Services et Contact.

Ce parcours s’appuie sur la documentation ; il ne s’agit pas d’un test en conditions réelles. Aucun site de test Webflow n’a été publié pour cet article. Les corrections manuelles ci-dessous sont des vérifications recommandées, pas des défauts constatés.

1. Prévoir un forfait adapté aux trois pages

Un Workspace payant permet de générer les trois pages dès le départ. Avec un Workspace gratuit sans forfait Site payant, commencez par Accueil et Contact. Une fois le site généré, ajoutez un forfait Site payant, puis créez Services grâce à l’option de génération de pages par IA du panneau Pages. La génération initiale prend en charge jusqu’à cinq pages avec un forfait payant, contre deux sans forfait payant. Le guide de styles automatique n’entre pas dans cette limite de deux pages. Pour publier ce site vitrine sur un domaine personnalisé, le forfait Basic suffit. Limites du générateur, fonctionnalités des forfaits Site.

2. Rédiger un brief qui décrit l’entreprise

Depuis New site, choisissez AI Site Builder et saisissez un prompt comme celui-ci :

Crée un site pour Cedar Studio, un petit studio d’identité de marque qui accompagne les établissements indépendants de l’hôtellerie-restauration. L’objectif est de recevoir des demandes de projet. Prévois trois pages : Accueil, Services et Contact. Accueil doit présenter l’offre et donner un aperçu de la méthode de travail. Services doit expliquer les prestations de stratégie de marque, d’identité visuelle et de conception de sites web. Contact doit inviter le visiteur à décrire son projet. Utilise des couleurs neutres et chaudes, un texte foncé bien lisible et des animations discrètes. N’invente ni clients, ni témoignages, ni récompenses, ni tarifs, ni résultats. Utilise « Parlons de votre projet » comme appel à l’action principal.

Ce prompt précise le public, l’offre et l’action attendue. Avant de l’utiliser pour votre site, remplacez les éléments fictifs par des informations validées sur votre entreprise.

3. Valider la structure avant de générer le design

Générez la proposition, retirez les pages inutiles et organisez les sections. Si vous avez commencé avec un Workspace gratuit, ajoutez Services après le passage au forfait payant. Gardez un objectif clair pour chaque page du site final :

Générez ensuite le site. Affinez le thème commun, puis poursuivez dans Webflow. Le générateur fait correspondre les polices et les couleurs demandées à son système de thèmes : à vous de vérifier que le résultat respecte précisément votre identité visuelle. Création du site et réglage du thème.

4. Adapter les éléments qui doivent refléter votre entreprise

Considérez cette première version comme une base à retravailler. Voici les corrections manuelles à effectuer partout où le résultat n’est pas satisfaisant :

Le plus difficile consiste souvent à décider ce que l’entreprise peut réellement promettre. Un contenu provisoire séduisant ne peut pas trancher à votre place.

5. Vérifier les informations de référencement et l’accessibilité

Ouvrez le panneau Audit et passez l’ensemble du site en revue. Il peut repérer les descriptions d’images, les titres de pages, les méta-descriptions et les données structurées de type schema manquants. Ces dernières décrivent la page de façon structurée. Les suggestions générées par l’IA doivent toujours être confrontées à la réalité de l’entreprise. Vérifiez séparément les textes alternatifs des images présentes dans les composants, les lightbox et le CMS : le panneau Audit ne les couvre pas. Utilisation et limites de l’audit.

Pour Cedar Studio, l’objectif est d’obtenir des informations de page exactes et un parcours de prise de contact fonctionnel. N’ajoutez pas de services, de lieux d’activité ou de notes simplement pour remplir un champ généré.

6. Publier sur l’adresse de test, puis sur votre domaine

Ouvrez Publish, sélectionnez uniquement l’adresse de préproduction webflow.io, puis publiez vers cette destination. Parcourez Accueil, Services et Contact comme un visiteur, et refaites le test d’envoi du formulaire. Corrigez tout dysfonctionnement, puis republiez la version de préproduction.

Pour le lancement public, connectez votre domaine dans les paramètres du site, vérifiez que vous en êtes propriétaire et sélectionnez-le dans le menu de publication. Publiez, puis vérifiez à nouveau les trois URL en ligne et le formulaire. Vous devez disposer de la permission de publication appropriée. Guide de publication de Webflow.

Pour l’entreprise, c’est surtout l’ordre du travail qui change. Une création manuelle impose d’assembler la structure, les styles et le contenu des pages avant de pouvoir juger l’ensemble. Ici, la génération permet de commencer cette revue plus tôt. Pour vous organiser, prévoyez une séance de deux heures consacrée au brief, à la première version et aux vérifications, avec des textes et des ressources déjà validés. Il s’agit d’un créneau de travail suggéré, pas d’un délai de réalisation mesuré. Des problèmes d’intégration ou des ajustements de l’identité visuelle peuvent prolonger le travail.

Confier des tâches précises à l’Assistant dans l’éditeur

Les prompts les plus utiles visent un élément précis et indiquent clairement ce qui permettra de valider le résultat.

Pour obtenir de l’aide, ouvrez l’Assistant depuis la barre supérieure et posez une question précise sur Webflow. Ce mode s’appuie sur le centre d’aide pour répondre. Il prend actuellement en charge l’anglais et autorise 100 questions par période de 31 jours. Considérez sa réponse comme une indication à vérifier. Guide de l’aide contextuelle.

Pour créer une section, faites glisser une section depuis le panneau Add vers la zone de travail, puis ouvrez ses commandes Assistant. Cherchez une mise en page adaptée, choisissez un design généré et examinez-le dans la page. L’outil peut réutiliser vos classes et vos variables, ces styles nommés et valeurs partagées qui assurent la cohérence du design, ainsi que créer de nouvelles classes. Il ne peut pas modifier les classes existantes. La documentation actuelle de Webflow présente toujours la création de sections comme une bêta publique, réservée à certains modèles gratuits et aux sites issus du générateur IA. Le résultat ne comprend ni images, ni composants, ni contenu dynamique. Guide de création des sections.

Pour retravailler les textes, un designer peut faire un clic droit sur un élément de texte compatible et choisir Modify copy. Essayez : « Raccourcis ce paragraphe en conservant les livrables et sans ajouter de nouvelles affirmations. » Vérifiez chaque modification factuelle avant de l’accepter. Un forfait Site ou Workspace payant est nécessaire. Commandes de rédaction.

Deux autres fonctionnalités peuvent être utiles à mesure que le site se développe. Avec un forfait Site donnant accès au CMS, l’IA peut générer des éléments de démonstration dans une Collection CMS, c’est-à-dire des entrées dans une liste de contenus structurée. L’Assistant peut aussi créer des composants de code réutilisables, comme des calculateurs. Ceux-ci nécessitent un rôle Designer ou Site Manager ; leur publication est soumise à des conditions supplémentaires concernant les forfaits Site et Workspace. Ils ne fournissent ni base de données, ni authentification, ni gestion des clés secrètes. Laissez-les de côté dans ce parcours de création d’un site vitrine simple, sauf si le projet en a besoin. Conditions d’accès aux fonctions CMS, conditions d’utilisation des composants de code.

Connecter Claude pour intervenir sur plusieurs parties du site

MCP devient utile lorsqu’une tâche concerne plusieurs pages ou fiches de contenu. Webflow documente la prise en charge de la modification des pages et des mises en page, des styles, des composants, de la gestion du CMS et de la publication. MCP est disponible avec tous les forfaits Site, y compris Starter. Les utilisateurs ayant le rôle Reviewer ne peuvent pas s’y connecter. Fonctionnalités de MCP.

Pour connecter Claude, ouvrez une session Chat ou Code, utilisez le menu plus pour ajouter un connecteur, recherchez Webflow et connectez-le. Suivez le parcours d’autorisation de Webflow, sélectionnez le site concerné, puis revenez dans Claude. Par défaut, Claude demande votre accord avant d’agir. Guide de connexion de Claude à Webflow.

Pour notre exemple, voici une première demande utile :

Lis les instructions de ce site, puis examine les pages Accueil, Services et Contact. Liste les incohérences dans les noms des services et les appels à l’action. Propose les formulations exactes à utiliser à partir des textes validés ci-dessous. Montre-moi les changements proposés avant toute modification, et laisse-moi gérer la publication.

Il s’agit d’un exemple de tâche à essayer, pas d’une garantie de résultat d’audit. Vérifiez vous-même les modifications proposées en les comparant à la page.

La plupart des actions MCP peuvent désormais s’exécuter sans session Webflow ouverte. Celles qui dépendent de votre sélection dans la zone de travail nécessitent toujours MCP Bridge App. L’utilisation courante de MCP mobilise le forfait ou les crédits de l’outil d’IA externe, et non les crédits Webflow AI. Fonctionnement actuel et limites de MCP.

Six usages classés selon leur intérêt pratique

Les usages les plus solides reposent sur un brief clair et sur une personne capable de juger le résultat. Les workflows qui suivent sont des propositions, pas des résultats mesurés chez des clients.

Ces workflows s’appuient sur les outils de création de sections, le panneau Audit et les actions MCP documentés par Webflow. Les bénéfices envisagés dépendent de votre processus de vérification.

Deux offres de services à construire autour de Webflow AI

Il existe une demande pour la création de sites comme pour l’accompagnement. Selon les estimations DataForSEO pour les recherches en anglais aux États-Unis, consultées le 22 octobre 2026, « ai website builder » représente 33,100 recherches mensuelles. Ce chiffre traduit un intérêt pour la catégorie dans son ensemble, pas une demande pour un générateur générique de plus.

La piste la plus solide : créer, lancer et transmettre le site

Concevez une prestation reproductible pour les entrepreneurs qui veulent un site Webflow modifiable, avec des contenus validés et un parcours de prise de contact vérifié. DataForSEO estime à 480 le nombre de recherches mensuelles aux États-Unis pour « webflow agency ». Cela indique un intérêt pour l’achat d’un accompagnement, sans établir combien de personnes recherchent précisément cette formule.

L’offre minimale commercialisable pourrait cibler un secteur d’activité, s’appuyer sur un brief de départ structuré, livrer trois pages terminées et inclure un enregistrement expliquant comment modifier le site. L’agence pourrait utiliser l’IA pour la première version, tout en prenant en charge l’exactitude des contenus, les choix de marque et les tests de lancement.

Le point de vigilance : les concurrents peuvent facilement générer une première version similaire. Ce qui vous différencie durablement, c’est la connaissance du secteur, la validation des ressources et la responsabilité d’une transmission claire au client. Avant d’organiser un système réutilisable pour votre agence, vérifiez aussi les restrictions de Webflow concernant le partage des Libraries depuis les sites créés avec le générateur IA. Limites du générateur.

Deuxième piste : une maintenance qui va de l’audit aux corrections

Proposez un service qui accompagne le propriétaire du site du repérage des omissions jusqu’à la validation des corrections. DataForSEO estime à 320 le nombre de recherches mensuelles aux États-Unis pour « website seo audit ». C’est un signal de marché plus large, pas un décompte d’acheteurs propres à Webflow.

Une première offre pourrait associer un audit Webflow, une liste de corrections proposées et une mise en ligne après vérification. MCP pourrait aider à effectuer des mises à jour de contenu bien délimitées ; une personne vérifierait les affirmations de l’entreprise et les pages finales. Vendez la réalisation complète du travail convenu et la responsabilité qui l’accompagne.

Le point de vigilance : remplir une description ne garantit pas un bon classement dans les moteurs de recherche, et les contrôles automatiques ont des angles morts. Le panneau Audit de Webflow lui-même ne couvre pas tous les emplacements d’images. Une prestation utile doit vérifier ces zones et éviter de promettre des performances de référencement. Périmètre de l’audit.

Jusqu’où Webflow AI peut-il vous aider ?

Utilisez le générateur si vous souhaitez partir sur une nouvelle base Webflow et pouvez consacrer du temps aux finitions. Pour un site personnalisé existant, commencez par les outils compatibles de l’éditeur ou par MCP. Aucun de ces accès ne donne un contrôle illimité à un agent : MCP ne prend pas encore en charge certains réglages d’éléments et de liaison au CMS, tandis que la génération de sections ne peut pas réécrire les classes existantes. Limites de MCP, limites de l’Assistant.

Évitez également de bâtir un nouveau projet sur App Gen : Webflow a suspendu son développement et indique que sa dépréciation est prévue. État actuel des fonctionnalités IA.

Si vous hésitez encore sur la plateforme, consultez Webflow vs Framer pour faire ce choix, Framer AI pour découvrir son workflow IA, et le comparatif des générateurs de sites par IA pour élargir votre sélection.

Webflow est-il un outil d’IA ?

Webflow est une plateforme de création de sites qui intègre des outils d’IA. Le générateur crée une première version du site ; d’autres fonctions aident à travailler les textes, les sections, les contenus et les interventions courantes. MCP connecte un assistant externe à un site autorisé. Présentation de Webflow AI.

Peut-on créer un site web avec l’IA ?

Oui. Le générateur de Webflow produit un site modifiable à partir d’une description. Il faut toujours disposer d’informations validées sur l’entreprise, de liens et de formulaires fonctionnels, puis effectuer une vérification avant publication. L’exemple de trois pages présenté plus haut fournit un parcours fondé sur la documentation. Générateur de Webflow.

Webflow est-il vraiment gratuit ?

Le forfait Starter gratuit donne accès à Webflow AI et à MCP, mais il est limité à deux pages statiques. L’exemple de trois pages sur un domaine personnalisé nécessite un forfait Site payant. Les crédits IA supplémentaires font l’objet d’un achat facultatif séparé. Tarifs Webflow.

Votre prochaine action, dès lundi : rassemblez l’offre validée, les images réelles et la destination des demandes de contact. Préparez les pages Accueil, Services et Contact, puis vérifiez un parcours complet de prise de contact en préproduction avant le lancement public.

Si vous souhaitez mettre en place ce workflow pour votre entreprise, nous pouvons vous aider à définir le périmètre du site et des automatisations.