Better in English?
Better in English? Switch the website language for a better experience.
Webflow vient d'annoncer une évolution discrète mais très concrète de son AI Assistant : vous pouvez désormais choisir où positionner le panneau de discussion avec l'IA. Trois options sont disponibles : ancré à droite (le comportement par défaut), ancré à gauche, ou flottant, c'est-à-dire détaché de tout dock pour se déplacer librement dans la fenêtre du navigateur.
Jusqu'à présent, le panneau IA avait une fâcheuse tendance à s'imposer sur l'espace de travail, recouvrant parfois les panneaux Styles, Settings, Props ou Interactions. Concrètement, cela voulait dire fermer le chat pour ajuster une propriété, puis le rouvrir pour continuer la conversation. Un aller-retour permanent, pas franchement fluide.
Avec cette mise à jour, l'AI Assistant s'ouvre dans son propre espace, indépendant des autres panneaux. Vous pouvez donc continuer à styliser, configurer ou animer vos éléments tout en gardant la conversation avec l'IA active en parallèle.
Le changement de position se fait directement depuis le menu du panneau AI Assistant, à tout moment. Pas de configuration complexe, pas de réglage caché dans les paramètres du projet : c'est immédiat, et modifiable à volonté selon le type de tâche en cours.
| Position | Comportement | Cas d'usage idéal |
|---|---|---|
| Dock à droite | Position par défaut, ancrée au bord droit | Workflow classique, rien à changer |
| Dock à gauche | Ancrée au bord gauche de l'écran | Quand les panneaux de droite sont déjà chargés |
| Flottant | Détaché, déplaçable librement | Multi-écrans, petites résolutions, confort visuel |
On ne va pas se mentir : ce n'est pas la mise à jour la plus spectaculaire du changelog Webflow. Mais c'est exactement le type d'amélioration qui compte double sur le long terme, surtout en agence.
Chez Mazette.co, on utilise l'AI Assistant au quotidien pour accélérer certaines tâches de production sur nos projets Webflow. Et le vrai problème, ce n'était jamais la qualité des suggestions de l'IA. C'était la friction d'usage : ce panneau qui s'imposait pile au-dessus du panneau Style, au moment où on avait justement besoin d'ajuster un padding ou une transition.
Une bonne interface, c'est une interface qui disparaît. Celle-ci arrête enfin de se mettre en travers du chemin.
Ce genre de détail change concrètement la vitesse de production. Sur un projet où l'on itère vite entre design et contenu, pouvoir garder le chat IA ouvert en permanence, en mode flottant sur un second écran par exemple, c'est un vrai gain de fluidité. Pas de révolution, mais une friction en moins, ce qui compte énormément quand on multiplie les allers-retours dans une journée.
Ce qui nous plaît surtout ici, c'est le signal que ça envoie sur la philosophie produit de Webflow. Plutôt que d'imposer une interface figée, la plateforme laisse chaque profil adapter son espace de travail à ses habitudes. Un designer qui bosse avec deux écrans n'a pas les mêmes besoins qu'un développeur concentré sur ses interactions ou qu'un rédacteur qui jongle entre CMS et IA.
Pour une agence comme Mazette.co, qui travaille sur des dizaines de projets Webflow en parallèle, chaque minute gagnée sur l'ergonomie de l'outil se traduit directement en temps de production optimisé pour nos clients. Ce n'est jamais la fonctionnalité qui fait la une, mais c'est souvent elle qui fait la différence sur un sprint de production serré.
Si vous voulez voir comment on exploite ce type d'outils IA pour accélérer la conception de vos interfaces sans sacrifier la qualité, jetez un œil à notre méthode ou contactez-nous directement.
Code
Plus de 180 entreprises sont déjà sorties de l'obscurité à nos côtés.
Il suffit d'ouvrir le menu du panneau AI Assistant dans l'éditeur Webflow et de choisir sa position : dock à droite, dock à gauche, ou mode flottant. Le changement s'applique immédiatement et peut être modifié à tout moment selon vos besoins du moment.
Non, c'est justement ce que cette mise à jour corrige. Le panneau AI Assistant s'ouvre désormais dans son propre espace, indépendant des panneaux Styles, Settings, Props et Interactions, ce qui permet de continuer à éditer tout en discutant avec l'IA.
Le mode flottant détache le panneau de ses positions fixes pour le placer librement dans la fenêtre du navigateur, quelle que soit la taille de l'écran. C'est particulièrement utile sur les configurations multi-écrans ou les résolutions réduites où l'espace de travail est précieux.
