Better in English?
Better in English? Switch the website language for a better experience.
Webflow vient d'annoncer une fonctionnalité qui change concrètement le quotidien de tous ceux qui utilisent les composants générés par IA sur la plateforme. Jusqu'ici, un composant AI code se pilotait uniquement par prompt : pour changer une couleur, ajuster un espacement ou reformuler un texte, il fallait repasser par l'IA Assistant et espérer que la nouvelle génération corresponde exactement à l'intention. Une mécanique qui pouvait vite devenir frustrante pour des ajustements mineurs.
Avec cette mise à jour, ce fonctionnement change radicalement. Les composants générés par IA deviennent éditables visuellement, au même titre que n'importe quel élément natif de Webflow.
Concrètement, Webflow ouvre trois nouveaux usages sur les AI code components :
En clair, un composant AI code se comporte désormais comme n'importe quel autre bloc de votre site. La logique de Webflow, générer puis affiner directement sur le canvas, s'applique enfin à l'IA générative aussi.
| Avant cette mise à jour | Avec l'édition visuelle |
|---|---|
| Chaque ajustement passe par un nouveau prompt | Ajustement direct dans le Style Panel |
| Risque de régénération imprécise du composant entier | Modifications ciblées sur un élément précis |
| Édition de texte uniquement via l'IA | Édition de texte manuelle sur le canvas |
| Workflow hybride, parfois lourd | Workflow unifié, cohérent avec le reste de Webflow |
Cette mise à jour arrive à un moment où l'IA générative s'impose de plus en plus dans les outils no-code. Le problème classique de ces outils, c'est le fossé entre "générer" et "affiner". On obtient un résultat à 80% satisfaisant par prompt, puis on se bat pour les 20% restants, souvent avec plus de friction que si on avait tout fait à la main.
En rendant les composants IA éditables visuellement, Webflow comble exactement ce fossé. L'IA devient un point de départ rapide, et le contrôle fin redevient entièrement manuel, précis, immédiat. C'est une évolution logique de la plateforme, cohérente avec sa philosophie historique : donner un contrôle visuel total, sans jamais forcer à sortir du canvas.
{{webflow}}
Chez Mazette.co, on suit de près chaque évolution de l'IA sur Webflow, et celle-ci nous semble particulièrement bien pensée. Pourquoi ? Parce qu'elle résout un vrai problème d'agence, pas un problème de démo marketing.
Concrètement, générer un composant par IA est rarement l'étape la plus longue d'un projet. Ce qui prend du temps, c'est l'affinage : le petit espacement qui ne va pas, la couleur légèrement décalée de la charte, le texte à reformuler pour coller au ton de la marque. Avant cette mise à jour, chacun de ces micro-ajustements nécessitait de reformuler un prompt, avec le risque de voir l'IA modifier bien plus que ce qui était demandé. Un vrai frein à la productivité, et une source de frustration pour nos designers comme pour nos clients.
Avec l'édition visuelle, on retrouve le meilleur des deux mondes : la vitesse de génération de l'IA pour poser une base, et la précision chirurgicale de l'édition manuelle pour peaufiner. C'est exactement la promesse que Webflow devait tenir pour que ses composants IA deviennent réellement utilisables en production, et pas seulement impressionnants en démo.
Notre conviction : une bonne fonctionnalité IA n'est pas celle qui remplace le contrôle humain, c'est celle qui le rend plus rapide à exercer. C'est exactement ce que fait cette mise à jour.
On recommande déjà à nos équipes de tester cette approche sur les prochains projets qui intègrent des composants génératifs, notamment pour les sections à forte personnalisation visuelle où le prompt seul montrait ses limites. Si vous voulez explorer comment intégrer intelligemment l'IA générative dans votre refonte Webflow, c'est justement le genre de sujet qu'on adore creuser avec nos clients.
{{seo-aeo}}
Si vous envisagez une refonte ou une création de site sur Webflow, cette évolution mérite d'entrer dans vos réflexions. Elle ouvre la voie à des workflows plus rapides sans sacrifier la qualité du rendu final, un équilibre qui reste rare dans l'univers du no-code augmenté par l'IA.
Envie d'en discuter avec une équipe qui vit ces évolutions au quotidien sur de vrais projets clients ? Contactez Mazette.co, on sera ravis d'échanger sur la meilleure façon d'exploiter ces nouveaux outils pour votre site.
Code
Plus de 180 entreprises sont déjà sorties de l'obscurité à nos côtés.
C'est une nouvelle fonctionnalité qui permet de sélectionner un élément à l'intérieur d'un composant généré par IA et de le modifier directement dans le Style Panel de Webflow, exactement comme pour un élément natif. Vous pouvez aussi ajouter un élément en contexte dans un prompt pour cibler précisément une modification, ou éditer le texte manuellement sur le canvas.
Non, c'est justement tout l'intérêt de cette mise à jour. Les ajustements visuels, de style ou de texte, se font désormais sans écrire une ligne de code ni reformuler un prompt. Le code généré par l'IA reste en coulisses, mais l'interaction redevient entièrement visuelle.
Non, elle le complète. L'AI Assistant reste utile pour générer un composant ou faire des changements structurels importants, mais pour les ajustements fins, couleur, espacement, texte, l'édition visuelle directe devient plus rapide et plus précise.
Titres percutants, meta descriptions soignées, sitemap, Schema.org, structure Hn, audits : ce sont les fondations SEO qui rendent votre contenu lisible par Google ET par les IA génératives. Nous couvrons les deux en même temps.
Avec plus de 180 clients, notre agence vous accompagne sur tous les sujets comme le webdesign sur mesure, les automations fines, la conversion et votre visibilité SEO et GEO.
Nous concevons des designs web sur mesure, orientés performance, parcours utilisateurs et conversion. Comme plus de 180 clients, faites nous confiance et élevez votre marque.
