Webflow AI

Qu’est-ce que Webflow AI ?

Webflow AI est un ensemble de capacités d’intelligence artificielle intégré à la plateforme de développement de sites web visuel Webflow, couvrant la création de sites, la mise en page, la rédaction et la génération de contenu via un CMS, l’optimisation SEO et AEO, des composants de code interactifs, le développement d’applications ainsi que de l’aide contextuelle. Il ne s’agit pas d’un générateur d’images indépendant, mais il fonctionne directement dans Webflow Designer, le CMS et les processus de gestion de site web.

Webflow s’est initialement distingué par sa capacité à visualiser l’HTML, le CSS et le design responsive ; les fonctionnalités d’IA abaissent encore davantage la barrière à l’entrée pour créer un site à partir d’une page blanche. Les utilisateurs peuvent d’abord utiliser l’IA pour générer une structure de site, puis compléter ce dernier avec les outils de mise en page, de style, de composants, d’animations, de CMS et d’hébergement offerts par Webflow afin d’obtenir un site de qualité professionnelle.

Créateur de site intelligent AI

AI Site Builder génère des thèmes de site, une structure de page d’accueil et un système de design en fonction des spécifications de l’entreprise ou du projet. Une fois la direction choisie, l’utilisateur peut ajuster les couleurs, les polices, les boutons et le layout, avant de passer au Designer pour continuer à modifier et publier.

Cette fonctionnalité convient aux nouveaux projets et prototypes, et n’est pas un convertisseur universel permettant d’appliquer l’IA à n’importe quel site Webflow existant. Selon la documentation officielle, elle ne peut être utilisée que lors de la création d’un nouveau site, ou pour continuer à modifier un site déjà généré par AI Site Builder.

Génération de sites web à plusieurs pages

Sur les sites générés par l’IA, les utilisateurs peuvent continuer à créer des pages telles que « À propos », « Contact », « Équipe », etc. En l’absence d’un plan de site payant ou d’un plan Workspace, un site IA est généralement limité à deux pages statiques ; la page Guide de style générée automatiquement n’est pas prise en compte.

Le forfait payant permet de créer plus de pages.

Après la création de la page, il convient de vérifier la navigation, les formulaires, les liens, le layout pour mobile et les contenus redondants. La création de pages par l’IA ne génère pas automatiquement de déclaration légale, de politique de confidentialité, d’acceptation des cookies ni de configuration des données commerciales réelles.

Bloc de conception IA

L’Assistant IA de Webflow peut générer de nouveaux blocs de page en fonction du style et du contenu du site actuel, en s’efforçant de correspondre au système de design existant. Il est idéal pour ajouter rapidement des éléments courants tels que les prix, les descriptions des fonctionnalités, les avis clients, les FAQ et les CTA.

La conception des blocs est actuellement encore limitée par les modèles, l’origine du site et la phase de publication des fonctionnalités. Pour générer les résultats, il est nécessaire de vérifier les noms de classe, le réutilisement des composants, les styles des points d’arrêt et l’accessibilité, afin d’éviter de copier une grande quantité de styles difficiles à maintenir pour chaque bloc.

Conception visuelle et contrôle responsive

Une fois la génération par l’IA terminée, l’utilisateur peut toujours utiliser Webflow Designer pour contrôler le Grid, Flexbox, la positionnement, les polices, les variables, les composants, les animations interactives et les différents points de rupture d’écran. Contrairement aux outils de conception par IA qui ne produisent que des captures d’écran statiques, les résultats de Webflow AI peuvent être directement intégrés dans le processus de développement d’une page web réelle.

Les opérations de visualisation créent essentiellement toujours la structure front-end et le CSS. Il est préférable que l’équipe établisse des normes de nommage, une bibliothèque de composants et des variables de design, afin d’éviter les répétitions de styles et l’augmentation de la taille des pages dues à plusieurs générations par l’IA.

Génération et réécriture de textes par l’IA

Webflow AI peut générer, raccourcir, étendre ou modifier le ton du texte sur les pages et dans les CMS, ainsi que créer des titres et des descriptions SEO. Un Workspace ou un Site plan payant est généralement requis pour utiliser la fonction de génération de texte, et ces opérations consomment des points AI.

Le texte de la marque doit indiquer le public cible, la proposition de valeur, les mots interdits et les informations factuelles. L’IA peut générer des chiffres de clients non vérifiables, des promesses d’efficacité ou des capacités du produit, qui doivent être vérifiés par le responsable commercial avant publication.

Génération de contenu CMS

Les utilisateurs peuvent faire en sorte que l’IA génère des projets CMS Collection pour des blogs, des cas d’étude, des membres, des catalogues et des sites axés sur le contenu. Cela accélère la création de brouillons et de champs structurés, ce qui est particulièrement adapté aux équipes disposant déjà de modèles de contenu bien définis.

Pour les contenus en masse, il faut éviter les doublons, l’accumulation de mots-clés et les erreurs factuelles. Les droits d’auteur des images, les informations sur les auteurs, la date de publication, les citations et les données structurées doivent toujours être vérifiés manuellement ; les contenus importants ne doivent pas être publiés directement sans contrôle.

Optimisation SEO et AEO

Webflow AI peut aider à créer et à améliorer les titres de page, les descriptions, ainsi que des recommandations en matière de SEO et d’AEO au niveau technique et de la page. L’AEO vise à rendre le contenu plus facile à comprendre par les moteurs de recherche et les systèmes d’intelligence artificielle ; ces fonctionnalités s’étendent avec les mises à jour des solutions et des versions du produit.

Les recommandations de l’IA ne constituent pas une garantie de classement. Le site doit également prendre en compte l’intention de recherche, la qualité du contenu, les liens internes, les adresses structurées, l’indexation, les performances, les données structurées et les signaux d’autorité externes.

AI Code Components

Les composants AI Code permettent aux utilisateurs de créer, à l’aide de prompts, des calculateurs de prix, des formulaires en plusieurs étapes, des galeries d’images et d’autres composants interactifs React. L’interface d’édition offre en même temps le code, une prévisualisation et une conversation avec l’IA, laquelle génère les composants en se référant au style et aux variables du site.

Créer des composants nécessite un rôle de site approprié ainsi que l’activation de Webflow AI ; pour publier un site contenant des AI Code Components, il est également nécessaire d’avoir un CMS Site plan ou un niveau supérieur, ainsi qu’un Workspace plan payant.

Le code généré doit être testé pour la validation des entrées, les appareils mobiles, les états d’erreur, les dépendances et les risques de sécurité.

Génération par applications d’IA

Webflow étend les capacités d’IA des sites de marketing aux applications Web, permettant de créer des expériences full-stack plus complexes en combinant Webflow Cloud et des outils de développement. La génération d’applications présente des besoins en matière de déploiement, de calcul et de données différents de ceux des pages statiques classiques, et il convient de se baser sur la gamme actuellement disponible et les options de compte pour en juger.

Pour les projets ayant des exigences élevées en matière de connexion, de base de données, de paiement et de logique serveur, il est nécessaire de concevoir séparément les droits d’accès, le stockage, les journaux et les mécanismes de réversion. L’IA peut réduire le temps de mise en place, mais elle ne peut pas remplacer l’analyse de l’architecture de l’application et des aspects de sécurité.

Aide au contexte

L’Assistant IA de Webflow permet de rechercher le centre d’aide officiel directement depuis le Designer, afin de fournir des instructions et des idées pour l’opération en cours. Cette fonction de question-réponse contextuelle ne consomme pas actuellement de points Webflow AI, mais elle comporte une limite de nombre de questions ; lorsque ce seuil est approché, le produit indique qu’il est temps de réinitialiser.

L’assistant peut faire des erreurs ou être en retard par rapport aux mises à jour de l’interface. Lorsqu’il s’agit de factures, de publications, de suppression de données et de paramétrages de nom de domaine, il convient de consulter régulièrement la page d’aide officielle actuelle ainsi que les messages de votre compte.

Webflow Optimize

Webflow Optimize est utilisé pour la personnalisation et l’expérimentation, en aidant grâce à l’IA à générer et à optimiser l’expérience des différents visiteurs. Il s’agit d’un produit additionnel indépendant ; ses fonctionnalités IA ne consomment pas les points d’IA généraux de Workspace, mais sont facturées selon le propre plan d’Optimize.

L’expérience nécessite un débit suffisant, des indicateurs clairs et une évaluation statistique. On ne peut pas remplacer définitivement une version uniquement parce que son taux de conversion est plus élevé à court terme ; il faut également vérifier la cohérence de la marque, les performances de la page et le respect de la confidentialité des données.

Webflow Localize

Webflow Localize propose une structure de site localisable, des versions linguistiques et un flux de travail de traduction, et permet d’utiliser l’IA pour assister à la traduction du contenu. Localize dispose également d’un système de tarification indépendant, ses fonctionnalités d’IA ne sont pas déduites des points d’IA généraux.

La traduction automatique doit vérifier les noms de marques, les textes juridiques, les monnaies, les dates, les métadonnées SEO et les expressions régionales. Les versions linguistiques nécessitent également une configuration correcte des URL, des balises linguistiques et du processus de publication.

Webflow Analyze et données

La capacité d’analyse des sites de Webflow peut aider les équipes à comprendre le trafic et la performance des pages, et les nouvelles interactions basées sur l’IA permettent également de poser des questions à partir des données d’analyse. L’achat et l’éventail des fonctionnalités d’Analyze doivent être évalués selon la page du produit indépendant, sans supposer qu’ils sont inclus dans les points d’IA ordinaires ou le Site plan.

Les résultats de l’analyse des données doivent être interprétés en tenant compte de la période considérée, de la source du trafic et de la définition de la conversion. Avec un petit échantillon, les synthèses générées par l’IA ont tendance à confondre des variations aléatoires avec des tendances.

Différence entre Workspace et Site plan

Le plan Workspace gère les équipes, les postes, les capacités de développement de projets et les points d’IA ; le plan Site s’occupe de la publication de noms de domaine personnalisés pour un site, du hébergement du trafic, ainsi que des quotas de pages et de CMS.

Une équipe peut payer en même temps Workspace, plusieurs plans de site ainsi que des produits supplémentaires tels qu’Optimize, Analyze, Localize, etc.

Acheter uniquement Workspace ne signifie pas que tous les sites pourront être mis en ligne avec un nom de domaine personnalisé ; acheter uniquement un plan de site ne garantit pas non plus l’accès à toutes les capacités d’équipe et de développement.

Lors de l’achat, il convient de vérifier séparément la collaboration, l’IA, l’hébergement et les produits additionnels.

Comment calculer les points AI ?

Les points AI sont attribués par espace de travail et partagés entre les membres. Les membres disposant d’un abonnement Full ou Limited dont le rôle est conforme aux exigences peuvent utiliser les fonctionnalités qui nécessitent des points.

L’espace de travail autonome est réinitialisé chaque mois, tandis que les versions Team et Enterprise le sont chaque année ; les points non utilisés ne sont pas reportés.

Le taux de consommation est dynamique, et Webflow ne publie pas de tarif fixe pour chaque opération. Les tâches complexes consomment généralement plus que les tâches simples ; l’utilisation réelle peut être consultée par fonction sur la page Usage du Workspace.

Quelles fonctionnalités consomment des points d’IA ?

Les fonctionnalités qui consomment actuellement des points incluent la création de textes, les projets CMS, l’amélioration du SEO et de l’AEO, les composants de code IA ainsi que les agents AEO. La création de sites avec l’IA, les blocs de conception, la génération d’applications et l’aide contextuelle ne consomment pas pour l’instant ces points communs.

Webflow pourrait progressivement intégrer davantage de fonctionnalités dans le système de points. Les règles de crédit et de consommation indiquées dans le catalogue doivent correspondre à la page d’utilisation du compte actuel.

Crédit Starter gratuit

L’espace de travail Starter comprend 200 points d’IA par mois, permettant une utilisation gratuite à long terme des fonctionnalités de base de Webflow. Le nombre de pages de site AI gratuites et les capacités de publication sont limités, ce qui convient pour apprendre Designer, tester des suggestions et créer de petites démonstrations.

Les points d’IA du Workspace gratuit sont également réinitialisés chaque mois. Pour utiliser un nom de domaine personnalisé, plus de pages, la publication via un CMS ou des composants de code avancés, un plan payant correspondant est nécessaire.

Plafonds Core, Freelancer, Growth et Agency

Le Core et l’Espace de travail Freelancer comprennent 300 points d’IA par mois chacun ; le Growth et l’Agency comprennent 400 points par mois chacun.

Les points sont partagés au sein de chaque Workspace ; il n’est pas possible de combiner les solde de plusieurs Workspaces.

Lorsque l’agence travaille en tant que Guest dans l’espace de travail du client, selon les règles actuelles, la consommation est généralement déduite de l’espace de travail de l’agence elle-même, et non du solde du client ; les anciens rôles de Guest ne disposent pas nécessairement de cette prérogative.

Plafonds Team et Enterprise

Le plan Team comprend chaque année 100 000 points AI, ainsi que des sites, 10 postes, Localize et certaines fonctionnalités avancées, sous forme de contrat annuel avec conseil en vente. Les points pour Scale, Enterprise et Enterprise+ sont déterminés sur mesure.

Lors de l’achat par une entreprise, il convient de demander en même temps le prix des places, des sites, des journaux, des droits d’accès, du support, du traitement des données et des points supplémentaires, plutôt que de se limiter à comparer les chiffres de points.

Comparaison des prix et des versions

Prix d’achat supplémentaire pour des points IA

Starter, Core, Growth, Freelancer et Agency peuvent acheter des AI Credit Pack. Chaque pack supplémentaire ajoute 2000 points par mois, jusqu’à un total de 15 packs.

Le paiement mensuel est de 25 dollars par mois, soit 20 dollars par mois en version annuelle.

L’épuisement des points n’entraîne pas de mise à niveau automatique ni de frais supplémentaires inattendus ; les fonctionnalités d’IA correspondantes seront suspendues jusqu’à ce que le solde soit réinitialisé ou qu’un forfait complémentaire soit acheté volontairement.

Prix du plan de site en 2026

À partir du 13 mai 2026, le plan Basic Site nouvellement acheté coûtera 15 dollars par an ou 25 dollars par mois, avec une limite de 300 pages statiques. CMS et Business ont été intégrés en un seul plan Premium, au prix de 25 dollars par an ou 39 dollars par mois, et incluent 20 000 projets CMS et 40 Collections.

Les sites existants seront migrés par étapes en fonction du type de compte et de la date de renouvellement ; le passage à Freelancer, Agency ou aux prix anciens pourrait avoir lieu plus tard. Aucun changement n’est prévu pour l’organisation du site e-commerce cette fois-ci, les prix exacts doivent être consultés sur la page de facturation.

Bande passante et coûts supplémentaires

La bande passante incluse dans Premium diffère de celle du ancien forfait Business ; en cas de dépassement, des forfaits supplémentaires de bande passante peuvent être achetés. Un dépassement répété peut entraîner un ajustement du forfait, et les sites à fort trafic doivent être évalués en fonction de leur bande passante réelle plutôt que du tarif mensuel de base.

Les noms de domaine, les modèles payants, les formulaires tiers et l’automatisation, les services de marché d’applications, Optimize, Analyze, Localize ainsi que les places supplémentaires peuvent être facturés séparément.

Gouvernance de l’IA et contrôle des données

L’IA générative peut être activée ou désactivée au niveau du Workspace, et les entreprises disposent également de capacités de contrôle des rôles et d’audit plus fines. Webflow adopte une stratégie multi-modèles, en collaboration avec des fournisseurs tels que OpenAI, Anthropic, Google, etc., et sélectionne des modèles en fonction des différentes fonctionnalités.

L’équipe doit d’abord déterminer la portée du contenu autorisé à être envoyé à l’IA. Les textes non publiés par le client, les informations personnelles, les secrets commerciaux et les données soumises à réglementation doivent être évalués en fonction des exigences contractuelles et de la protection de la vie privée.

Outils officiels de développement et GitHub

Webflow propose une API, une CLI, une extension pour le designer, DevLink, Webflow Cloud, ainsi que des SDK, des compétences et des exemples dans l’organisation officielle GitHub. DevLink permet de synchroniser les composants de design avec des projets React ou Next.js, tandis que la CLI prend en charge les composants de code, les extensions et les workflows d’applications cloud.

Ces outils de développement permettent d’étendre Webflow, mais cela ne signifie pas que Webflow Designer, la plateforme d’hébergement ou Webflow AI soient entièrement open source. La licence et l’état de maintenance de chaque répertoire GitHub doivent être vérifiés séparément.

Est-ce open source ?

Webflow AI et la plateforme SaaS principale de Webflow sont des services commerciaux à source fermée. L’entreprise met à disposition publiquement un SDK, une CLI, des compétences et certains exemples de code ; les développeurs peuvent s’intégrer via des API et des outils, mais ils ne peuvent pas déployer eux-mêmes la plateforme Webflow AI complète.

Guide d’utilisation de Webflow AI

Terminer une tâche de base

1. Déterminer le public cible, la plateforme, l’aspect, la durée et les informations à communiquer ;
2. Préparer des scripts, des plans ou des éléments de référence utilisables dans Webflow AI ;
3. Sélectionnez le constructeur de sites intelligent AI Site Builder pour créer une prévisualisation à faible coût ;
4. Utiliser un site web à plusieurs pages pour générer des ajustements d’image, de rythme, de sous-titres et de son ;
5. Vérifier frame par frame les personnages, le texte, le logo, la forme des lèvres et l’exactitude factuelle ;
6. Exporter selon les spécifications ciblées après confirmation de l’autorisation pour la musique, les portraits et les matériaux ;

Créer des flux de travail professionnels réutilisables

1. Créer des scripts, des fiches de tournage, des matériaux de marque et une liste d’éléments interdits ;
2. Pour le constructeur de sites intelligent AI Site Builder, génération de sites à plusieurs pages et blocs de conception AI : sauvegarde de paramètres unifiés ;
3. Testez d’abord le modèle et les limites avec des scènes représentatives ;
4. Transférer les plans ratés pour un montage manuel ou une régénération ;
5. Unifier les sous-titres, le volume, les couleurs et les informations de droits d’auteur en fin de film ;
6. Enregistrez la version et l’auditeur avant de publier en masse ;

À qui s’adresse-t-il ?

• Équipes souhaitant créer rapidement un site web officiel de la marque et des pages de marketing ;
• Des designers qui ont besoin de conception visuelle et qui accordent de l’importance au contrôle front-end ;
• Équipe CMS chargée de gérer les blogs, la banque d’exemples et le catalogue de contenu ;
• Développeurs de composants interactifs et d’applications Web ;
• Freelances et agences gérant plusieurs sites clients ;
• Des marques qui nécessitent de la localisation, des expérimentations, de l’analyse et une gouvernance d’entreprise.

Avantages du produit

• Les résultats de l’IA sont directement intégrés dans un environnement de développement de pages web visuelles mature ;
• Couvrant la création de site, le design, la rédaction, le CMS, le SEO et les composants de code ;
• Layout responsive, composants, animations et capacités d’hébergement complets ;
• Les points d’IA sont partagés selon l’espace de travail et un panneau d’utilisation est fourni ;
• Disponible avec API, CLI, DevLink, Cloud et outils de développement officiels ;
• Il est possible d’exploiter en continu le site en combinant Optimize, Localize et Analyze.

Restrictions et précautions

• AISiteBuilder sert principalement aux sites nouvellement créés ou générés par lui, et ne peut pas reprendre directement tous les sites existants ;
• Certaines fonctionnalités sont encore en phase de test ou sont mises en place progressivement, et les rôles ainsi que les exigences liées aux plans varient également.
• Les frais de Webflow se composent du Workspace, du Siteplan, des places, des forfaits de points et des produits supplémentaires.
• Le contenu et le code générés par l’IA doivent être vérifiés manuellement, en particulier en ce qui concerne les faits, l’accessibilité, les droits d’accès, les performances et les dépendances envers des tiers ;

Questions fréquentes

Webflow AI est-il gratuit ?

L’espace de travail Starter est gratuit et inclut 200 points AI par mois ; certaines fonctionnalités telles que la création de sites avec l’IA ne consomment pas de points. Un nom de domaine personnalisé, plus de pages et des capacités de publication avancées nécessitent un paiement.

Webflow AI peut-il créer un site web complet ?

Il est possible de créer des thèmes, une page d’accueil, un système de design et des pages supplémentaires, puis de les modifier dans Designer ; mais il est principalement utilisé pour créer de nouveaux sites IA, et une mise en ligne officielle nécessite encore des tests de contenu, de réponse et de fonctionnalités.

Les points Webflow AI sont-ils reportés ?

Non. L’espace de travail autonome est réinitialisé tous les mois, tandis que les versions Team et Enterprise le sont tous les ans ; les crédits inutilisés expirent à leur échéance.

Combien coûtent les points Webflow AI ?

Chaque ajout au forfait auto-service comprend 2000 points par mois, au prix de 25 dollars par mois ou 20 dollars par mois en paiement annuel, avec un maximum de 15 ajouts.

Quel est le prix d’un site Webflow ?

En 2026, l’abonnement Basic coûtera 15 dollars par an ou 25 dollars par mois, et Premium 25 dollars par an ou 39 dollars par mois ; Workspace et les produits supplémentaires sont facturés séparément.

Webflow AI est-il open source ?

La plateforme principale n’est pas open source. L’éditeur fournit une CLI, des SDK, des compétences et des exemples open source ou publics, mais cela ne permet pas de qualifier Webflow AI de produit open source.