Cross icon
Better in English?
Better in English? Switch the website language for a better experience.
Webflow AI Assistant: finally a panel that stops getting in your way
Louis
0
mn read

Webflow AI Assistant: finally a panel that stops getting in your way

TL;DR

Webflow AI Assistant panel is now repositionable (right, left, or floating) and no longer hides the Styles, Settings, Props and Interactions panels while you edit.

Dock right, dock left, or float it: Webflow finally lets Styles, Settings and Interactions breathe while you chat with the AI

What Webflow just changed

Webflow just rolled out an update that is quiet but genuinely useful: the AI Assistant panel can now be repositioned to fit how you work. No more AI chat stuck in one spot, systematically covering your Styles, Settings, Props or Interactions panels.

In practice, you get three options:

  • Dock right — the default behavior, nothing to change if this already worked for you.
  • Dock left — to free up your right-hand field of view, which usually gets the most action during editing.
  • Floating mode — the panel fully detaches and can be placed anywhere in your browser window.

All of this is controlled from the AI Assistant panel menu, and you can switch anytime. No fixed setup, no need to commit to one option forever.

Why this small detail matters more than it seems

Before this update, chatting with Webflow AI meant choosing: keep the chat open, or access your style settings. Both at once? Not possible. The AI Assistant panel literally sat on top of your editing tools.

The result: a constant back and forth between "let me ask the AI" and "let me close this to tweak my design." A small friction point, sure, but repeated hundreds of times over a project, it adds up and slows down your flow.

With this new version, the AI Assistant lives in its own space. You can chat, tweak a prompt, rerun a generation, all while keeping an eye on your Styles or Interactions panel open right next to it. This is the kind of improvement that will not show up in a flashy marketing screenshot, but that genuinely changes a day of work inside the Designer.

Position Ideal use case Benefit
Dock right Classic workflow, single screen Familiar behavior, zero habit change
Dock left Settings/Styles panels needed on the right Frees up the most-used editing area
Floating mode Dual screen, heavy multitasking Total placement freedom, zero overlap

Mazette.co take

At Mazette.co, we love this kind of update. Not the flashiest line in the changelog, but clearly one built by people who actually use the Designer day in, day out.

An AI panel that blocks access to Styles is the kind of detail that seems minor in a product demo, but becomes genuinely annoying on a real client project, with dozens of adjustments happening back to back. Webflow is fixing a real friction point here, without making a big deal of it — and that says a lot in its favor.

Floating mode is especially welcome for dual-screen setups, which are becoming more and more common in design and dev teams. Being able to pull the AI chat out of the main window and place it wherever you want is exactly the kind of flexibility you expect from a professional tool.

This update also confirms a broader trend at Webflow: AI is no longer a bolt-on gadget next to the Designer, it is progressively becoming a full-fledged working tool, held to the same usability standards as the rest of the platform. We can only get behind this direction — it is exactly what you want from a tool you use eight hours a day.

Want to get the most out of the Designer and its AI on your own projects? Our team helps brands push further on Webflow, from design systems to launch.

Code

Copy icon
Check box icon
Mazette.co
/
Blog
/