As Webflow’s product, and the teams building with it, continue to grow and evolve, we are updating our in-product navigation to make it easier for all Webflow users to access their mission-critical workflows across our expanding set of products and features. We will start rolling this new experience out to customers starting Tuesday, November 19th and expect all customers to have access by early December.

As part of this release, you will see three main changes in Webflow:

New tabbed navigation ‍

The new tabbed navigation makes it easy for teams to quickly and confidently navigate the powerful capabilities Webflow’s platform has to offer across four new tabs: 

• Design – move between different modes based on your roles and permissions
• CMS – where you can manage your content including ecommerce and user accounts data 
• Insights - where you can find the features and data related to Webflow Analyze and Optimize 
• Preview - where you can preview your site, distraction free

‍New context bar‍

Located at the top of a site’s canvas, the context bar lets you quickly view and filter across the pages, collections, components, breakpoints, experiments and locales you’re designing with—it’s also where you will be able to switch between page branches. Together, this information provides a new level of insight for designers, allowing you to get a comprehensive overview of who you are designing for, in a single glance. 

A note about breakpoints: In addition to adding a breakpoint switch to the context bar, we have also moved one-click breakpoint switching the breadcrumb bar which can be pinned to either the top, or bottom of the canvas, depending on your preferences!

Updated site actions ‍

We’ve also made some small updates to the site actions section of the navigation making it easier to see who’s working alongside you in Webflow, drop comments throughout a build, and publish your site—whether it’s for staging or going live to production.

A note about code exports: As part of this update, you’ll notice that we’ve removed Code Export from this top navigation – however you can continue to access this functionality from the global dropdown menu at the top of left-navigation panel.

You can learn more about Webflow's new navigation by watching the product announcement at Webflow Conf 2024, visiting Webflow University, or reading more on our Help Center.