Ce matin, nous avons annoncé Source by Webflow, une nouvelle plateforme permettant aux équipes marketing et à leurs agents de lancer, optimiser et faire évoluer le web pour ce qui vient ensuite.

Les grands lancements montrent où nous allons, et nous ne pourrions pas être plus enthousiastes à propos de ce que Source va rendre possible. Mais en tant que bâtisseurs nous-mêmes, nous savons aussi que ce qui vient ensuite n'est qu'une partie de l'histoire. L'expérience de création dans Webflow aujourd'hui se vit dans les détails, ces améliorations de confort qui font simplement que tout semble meilleur chaque fois que vous ouvrez le canevas. 

Depuis la Webflow Conf 2025, nous avons livré 151 de ces améliorations individuelles, et presque toutes proviennent directement de vos retours. Lors du tout premier Builder Keynote d'aujourd'hui, nous en avons partagé encore plus. Voici les nouveautés (et ce qui arrive bientôt) pour votre workflow Webflow quotidien, basées sur ce que vous nous avez dit.  

Quoi de neuf

Lancement aujourd'hui

• Visual editing for AI code components
• Components in the CMS
• Breakpoint canvas

À venir

• Popovers
• Default components for slots
• Agentic Translation
• Style props for components

Mises à jour récentes

• Performance
• Espacement sur le canevas, un canevas dédié pour les composants, et le pan & zoom
• Contrôles de visibilité des composants et restrictions de slots
• Améliorations de Localize

Visual editing for AI code components

AI code components facilitent l'ajout de fonctionnalités personnalisées à votre site. Disons que vous avez besoin d'un calculateur de ROI interactif pour une page de comparaison de produits. Plutôt que de déposer un ticket auprès des développeurs, vous le décrivez au Webflow AI Assistant, qui construit un composant directement sur le canevas.

Jusqu'à présent, lorsque l'Assistant vous construisait un composant de code, le seul moyen d'y apporter des modifications était par des prompts. Vous pouvez désormais modifier visuellement les AI code components dans Webflow, comme n'importe quel autre composant de votre site.

Si l'espacement n'est pas correct, cliquez dans le composant, sélectionnez l'élément et ajustez-le dans le panneau Style. Modifiez le texte directement sur le canevas. Ou déposez l'élément que vous voulez changer dans l'Assistant en guise de contexte, afin que son prochain passage se concentre sur ce seul point. Générez le composant, puis affinez-le de la même façon que vous affineriez n'importe quoi d'autre dans Webflow. Vous obtenez une fonctionnalité personnalisée sur la page sans renoncer au contrôle du design.

L'édition visuelle pour AI code components est disponible dès aujourd'hui pour tous les clients. Lisez l'article complet sur les mises à jour pour en savoir plus.

Components in the CMS

Des composants comme les boutons CTA, les cartes de témoignages et les tableaux tarifaires peuvent enrichir votre contenu et guider les utilisateurs dans leur parcours de découverte. Mais jusqu'à présent, il fallait du code personnalisé ou des solutions de contournement tierces pour les intégrer dans les éléments CMS.

Aujourd'hui, nous déployons Components in the CMS, ce qui vous permet de déposer un composant directement dans un texte enrichi, sur le canevas ou dans un élément CMS, et de le configurer pour ce contenu spécifique via des props.

Pour les agences, cela facilite grandement les transferts aux clients. Construisez un composant de citation client une seule fois, transmettez-le à l'équipe marketing du client, qui pourra l'ajouter à de nouveaux articles en changeant la citation, la photo et le nom via des props.

Et cela ne se limite pas aux composants simples. Ce calculateur de ROI que vous avez généré comme AI code component fonctionne dans le CMS comme n'importe quel autre composant. Chaque instance appartient à son propre élément CMS, si bien que le même calculateur peut afficher des chiffres différents sur chaque article de comparaison, et qu'un changement de design s'applique à tous en même temps.

Components in the CMS commence à être déployé dès aujourd'hui et sera disponible pour tous les clients la semaine prochaine. Lisez l'annonce de lancement pour en savoir plus.

Breakpoint canvas

Une grande partie de la journée d'un bâtisseur commence et se termine sur le canevas : gérer les composants, affiner la mise en page et l'espacement, vérifier comment un changement se répercute sur les variantes, les breakpoints et les locales. Tout cela demande de garder beaucoup de contexte en tête.

Au cours de l'année passée, nous avons comblé cet écart, avec le canevas des composants, les visualisations d'espacement sur le canevas, et le pan & zoom sur la page. Beaucoup d'entre vous se sont interrogés sur ce dernier point : pourquoi faire du pan & zoom sur une seule frame ?

On en a besoin quand il y en a plus d'une.

Aujourd'hui, nous commençons à déployer le breakpoint canvas, qui vous permet de voir chaque breakpoint de votre page dans une seule vue : desktop, tablette et les différents formats mobiles, côte à côte. Désormais, si vous effectuez un changement sur desktop, vous pouvez immédiatement voir comment il se répercute ailleurs, sans avoir à cliquer manuellement sur chaque breakpoint et à garder le reste en mémoire.

Cela signifie moins de suppositions, moins de dérogations manquées, et un examen du travail bien plus facile, qu'il s'agisse du vôtre, de celui d'un coéquipier, ou de quelque chose qu'un agent IA vient de modifier, sans changement de contexte permanent.

Breakpoint canvas commence à être déployé dès aujourd'hui et sera disponible pour tous les clients la semaine prochaine. Plus de détails dans l'annonce de lancement.

Popovers

Sur chaque site, il existe des schémas d'interface que l'on reconstruit sans cesse. Les visiteurs les attendent, et ils donnent à votre contenu un aspect professionnel et facile à parcourir. Ils sont aussi délicats à bien réaliser, surtout en matière d'accessibilité et de mise en page.

Dans quelques semaines, nous commencerons à déployer de nouveaux blocs de construction pour les schémas d'interface les plus courants du web, en commençant par les popovers. Avec le support natif des popovers, vous pouvez construire des modales, des infobulles, des bannières et des menus, sans code personnalisé et sans contournement. Les popovers s'appuient sur des fonctionnalités web modernes comme le positionnement par ancrage et le comportement top-layer plutôt que sur JavaScript, ce qui garde vos pages plus légères et plus accessibles. 

S'appuyer sur des primitives natives est important car cela permet de construire des composants correctement encapsulés. Cela rend les popovers plus faciles à utiliser pour les marketeurs, et cela permet aux agents IA de construire plus vite dans Webflow.

Plus tard cette année, nous irons plus loin avec un support natif pour les éléments qui se répètent : sliders, onglets, accordéons et plus encore.

Les popovers commencent à être déployés dans les prochaines semaines.

Default components for slots

Un composant conçu pour une mise en page finit tôt ou tard par se retrouver dans une mise en page pour laquelle il n'a jamais été prévu. C'est un effet secondaire courant lorsqu'une bibliothèque de composants devient volumineuse et que la personne qui la parcourt n'a pas les consignes de design à portée de main. C'est particulièrement vrai lorsqu'une agence remet un site à un client qui ne sait pas comment chaque composant était censé être utilisé.

Les contrôles de visibilité des composants et les restrictions de slots ont déjà été déployés pour vous aider à définir ces garde-fous en amont. Les contrôles de visibilité vous permettent de décider quels composants les coéquipiers ayant le rôle Marketeur peuvent voir et utiliser en mode construction, afin qu'un marketeur obtienne une sélection organisée plutôt que le catalogue entier. Les restrictions de slots vous permettent de préciser quels composants sont autorisés dans un slot donné, afin qu'un composant destiné à une seule mise en page y reste. Les marketeurs peuvent toujours construire avec tout ce dont ils ont besoin, car tout ce qu'ils peuvent atteindre fonctionne là où ils le placent.

Default components for slots va un pas plus loin en vous permettant de définir avec quoi un slot commence. Aujourd'hui, un slot réservé est vide à chaque nouvel article, sans indication de ce qui devrait s'y trouver, si bien que la même configuration est reconstruite de zéro chaque fois. Avec une valeur par défaut en place, le bon composant s'y trouve déjà, prêt à servir de point de départ.

Ces garde-fous s'appliquent que votre équipe travaille directement dans Webflow ou de manière agentique via notre MCP, si bien qu'un modèle de page tient bon, quel que soit celui ou celle qui effectue la modification.

Default components for slots sera disponible plus tard ce mois-ci.

Agentic Translation

Pour les organisations qui s'adressent à une audience multinationale ou multilingue, la localisation du design et du contenu est ce qui offre aux clients de chaque marché une expérience de premier ordre. Nous savons combien de travail est nécessaire pour maintenir la structure du site alignée entre les locales, rendre chaque détail traduisible, et adapter l'expérience au ton et aux nuances culturelles de chaque marché.

Webflow Localize a transformé ce travail en une expérience visuelle, si bien que les équipes web n'ont plus eu à manipuler des fichiers JSON remplis de chaînes de caractères. Au cours des derniers mois, nous avons continué à renforcer cette base : maintenir la structure du site synchronisée entre les locales primaires et secondaires, donner aux bâtisseurs plus de contrôle sur la façon dont les propriétés des composants et les blocs de code personnalisés sont traduits, et permettre de définir le ton et le niveau de formalité pour chaque langue cible.

Mais traduire le contenu lui-même est resté un processus manuel, même avec l'assistance IA à la demande. Vous nous avez dit qu'implanter une nouvelle locale pouvait prendre des mois. Agentic Translation change cela. Une fois activée, les mises à jour de copy se répercutent automatiquement dans la bonne langue à travers vos locales, en temps réel. Des milliers de clics deviennent une configuration que l'on définit une fois pour toutes, tandis que les équipes qui souhaitent un contrôle plus strict peuvent utiliser les traductions comme un premier passage et les affiner à partir de là. Le résultat est un chemin bien plus rapide vers le lancement sur de nouveaux marchés, sans renoncer au contrôle sur l'expérience finale.

Le ton et la formalité de Localize, le code personnalisé localisé, et les contrôles des propriétés des composants sont disponibles dès maintenant pour tous les clients. Agentic Translation commence à être déployée dans les prochaines semaines.

Style props for components

Les style props arrivent pour les composants. Changez une couleur, changez une taille, et limitez les options disponibles, afin qu'un composant donne à votre équipe la juste dose de contrôle créatif sans tout ouvrir.

‍Disponible plus tard cette année. 

Performance

Cette année, nous avons investi massivement dans la performance à travers le Designer et les sites publiés. Les chiffres clés :

Dans le Designer :

• La copie de grands éléments est jusqu'à 98 % plus rapide.
• Le collage est 7,7 fois plus rapide.
• Le chargement du Designer, le passage entre les pages, les locales et les éléments CMS, ainsi que la saisie, sont tous plus réactifs.

Sur les sites publiés :

• Le rendu du site est jusqu'à 43 % plus rapide.
• La publication est jusqu'à 80 % plus rapide.

Ces améliorations sont le début d'une série d'investissements plus longue dans la performance de Webflow, dans le Designer et sur les sites que vous publiez. D'autres suivront.

En ligne dès maintenant pour tous les clients.

Autres mises à jour récentes

Tout ce qui suit a été livré au cours des derniers mois et est désormais disponible pour tous les clients.

• Espacement sur le canevas, un canevas de composants, et pan & zoom. Les marges et le padding s'affichent sur le canevas au lieu d'apparaître uniquement dans le panneau Style, les composants ont désormais leur propre canevas avec les variantes côte à côte, et vous pouvez faire du pan & zoom sur la page. Le breakpoint canvas s'appuie sur ces trois éléments.
• Contrôles de visibilité des composants et restrictions de slots. Décidez quels composants les coéquipiers ayant le rôle Marketeur peuvent voir et utiliser en mode construction, et quels composants sont autorisés dans un slot donné. Default components for slots prend le relais là où ceux-ci s'arrêtent.
• Améliorations de Localize. Ton et formalité par langue cible, code head et body personnalisé localisé, et plus de contrôle sur la façon dont les propriétés des composants se traduisent dans les locales secondaires. Agentic Translation s'appuie sur cette base.

Qu'avez-vous encore sur votre liste ?

Presque tout ce qui précède est parti d'un bâtisseur qui nous a dit ce qui ne fonctionnait pas. Dites-nous ce que vous souhaitez voir d'autre dans la Webflow Community, et gardez un œil sur le fil des mises à jour pour tout ce que nous publions au fil de l'année.

Pour en savoir plus sur ce qui vient ensuite, rejoignez-nous demain pour le Jour 2 de la Webflow Conf, à Boston et en ligne.