October 6, 2025

Webflow Product Nav Updates 2025 – 5 Key UI Changes Explained

Discover Webflow’s latest 2025 Product Navigation updates — 5 UI improvements that streamline your workflow. See what’s new and how it impacts designers.

Table of Contents

What’s New in Webflow’s In-Product Navigation (2025 Update)

How the latest UI tweaks make building and managing sites smoother

If you build with Webflow, you’ll want to pay attention to the latest update: Webflow has rolled out five key changes to its in-product navigation that aim to improve consistency, streamline workflows, and reduce friction. Webflow

I also made a video covering all five changes and how they affect everyday usage — you can watch it here:

Below is a breakdown of the changes, what they mean in practice, and tips on getting the most from the new nav.

🚀 The 5 Key Navigation Updates & What They Mean

See it's to the right now

1. Preview Button Returns to Site Actions

Webflow moved the Preview button back into the “site actions” section of the navigation — right where you’d expect it when you want to preview your work before publishing.
This restores a familiar pattern for many users and reduces the time spent hunting for preview mode. Webflow

Tip: After the update, remember: preview is now with your site actions again. If you don’t see it immediately, reload or refresh — sometimes the switch can lag visually.

I personally don't see any difference at all

2. Simplified Breakpoints & Breadcrumbs UI

The interface for breakpoints and breadcrumbs has been cleaned up. You can now switch between responsive views (desktop, tablet, mobile) more fluidly, and the breadcrumb trail is easier to read and use. Webflow

Why it matters: quicker orientation in nested layouts and fewer clicks to jump between device views.

3. Undo & Redo Buttons Are Back

By popular demand, Webflow reinstated the Undo and Redo buttons in the UI. You no longer have to rely solely on keyboard shortcuts (⌘/Ctrl + Z and ⇧ + ⌘/Ctrl + Z). Webflow

Pro tip: These buttons are great when you're demoing or teaching Webflow to non-power users who may not know keyboard shortcuts.

Changed it back to the bottom ASAP hahaha

4. Canvas Bar Now Pinned Top by Default

The canvas bar (where breadcrumbs and breakpoints live) is now pinned to the top of the canvas by default. This gives quicker, more consistent access to those controls. If you prefer the old layout, you can still pin it back to the bottom. Webflow

Best use case: This top pin helps avoid UI elements being obscured as you scroll deeper into your design — especially useful in full-width or tall layouts.

5. Smarter CMS / Page Search Filters in Context Bar

The context bar’s page search tool got smarter:

  • You now see filters to distinguish static pages vs CMS pages
  • It’s easier to tell which pages are published vs unpublished
  • Better navigation within CMS pages is also part of the update Webflow
Why it helps: When your project has many pages or a mix of static + dynamic content, searching and jumping directly to the correct page is much faster.

How These Changes Improve Your Workflow

Pain Point Before
How It’s Better Now
Hunting for Preview
Preview is back in site actions
Needy for responsive switching
Cleaner breakpoints & breadcrumb UI
Missing visual undo/redo
Buttons restored in UI
Canvas controls hidden off screen
Pinned top bar by default
Confusing page search in large projects
New filters make navigation clearer

Tips to Adopt the New Navigation Fast

  1. Watch the Demo Video (above) — seeing the changes live makes them easier to internalize.
  2. Restart or Reload Webflow after the update — sometimes UI elements only fully apply on reload.
  3. Explore Filters & Search Features in your larger projects to see how CMS / page filters help.
  4. Customize Canvas Bar Position — if the top pin doesn’t suit your style, pin it back to the bottom.
  5. Train yourself on new UI locations of preview, undo, redo — muscle memory helps.

Final Thoughts & What’s Next

Webflow’s navigation tweaks show they’re still listening to user feedback and making incremental improvements — not huge overhauls, but smart adjustments. If you already use Webflow daily, these changes will feel natural in no time.

If you want, I can also write a short “before vs after” guide or update that aligns with your video — want me to do that for your blog too?

Have Any Further Questions?
I'm Always Down To Help.
Contact Me