Better in English?
Better in English? Switch the website language for a better experience.
Webflow just announced a quiet but genuinely useful evolution of its AI Assistant: you can now choose where to position the chat panel. Three options are available: docked right (the default behavior), docked left, or floating, meaning fully detached from any dock so it can move freely within the browser window.
Until now, the AI panel had an annoying habit of taking over the workspace, sometimes covering the Styles, Settings, Props, or Interactions panels. In practice, that meant closing the chat just to tweak a property, then reopening it to continue the conversation. A constant back-and-forth that was far from smooth.
With this update, the AI Assistant opens in its own dedicated space, independent from the other panels. You can keep styling, configuring, or animating your elements while keeping the AI conversation running alongside.
You change the panel position directly from the AI Assistant menu, at any time. No complex setup, no hidden project setting: it is instant, and can be switched as often as needed depending on the task at hand.
| Position | Behavior | Ideal use case |
|---|---|---|
| Docked right | Default position, anchored to the right edge | Classic workflow, nothing to change |
| Docked left | Anchored to the left edge of the screen | When the right-side panels are already crowded |
| Floating | Detached, freely movable | Multi-screen setups, smaller resolutions, visual comfort |
Let us be honest: this is not the most spectacular update in the Webflow changelog. But it is exactly the kind of improvement that pays off double over time, especially at an agency.
At Mazette.co, we use the AI Assistant daily to speed up certain production tasks on our Webflow projects. And the real issue was never the quality of the AI suggestions. It was the usage friction: that panel showing up right on top of the Style panel, exactly when we needed to tweak a padding or a transition.
A good interface is one that disappears. This one finally stops getting in the way.
This kind of detail genuinely changes production speed. On a project where you iterate fast between design and content, being able to keep the AI chat open at all times, in floating mode on a second screen for example, is a real gain in fluidity. Not a revolution, but one less friction point, which matters a lot when you multiply back-and-forths throughout the day.
What we like most here is the signal it sends about Webflow's product philosophy. Rather than forcing a fixed interface, the platform lets every type of user adapt their workspace to their own habits. A designer working across two screens does not have the same needs as a developer focused on interactions, or a writer juggling between the CMS and AI.
For an agency like Mazette.co, working on dozens of Webflow projects in parallel, every minute saved on tool ergonomics directly translates into optimized production time for our clients. It is never the headline feature, but it is often the one that makes the difference on a tight production sprint.
If you want to see how we leverage this kind of AI tooling to speed up interface design without sacrificing quality, take a look at our method or get in touch directly.
Code
Over 120 companies have already stepped out of the shadows with us.
Just open the AI Assistant panel menu in the Webflow editor and pick a position: docked right, docked left, or floating mode. The change applies instantly and can be adjusted anytime depending on what you are working on.
No, that is exactly what this update fixes. The AI Assistant panel now opens in its own space, independent from the Styles, Settings, Props, and Interactions panels, so you can keep editing while chatting with the AI.
Floating mode detaches the panel from its fixed positions and lets you place it freely within the browser window, regardless of screen size. It is especially useful on multi-screen setups or smaller resolutions where workspace real estate matters.
