All updates

Feature

Designer

Focus mode in style panel

We’ve added a new setting to the style panel to focus in on the properties section you’re currently working in by collapsing other sections automatically.

Focus mode in style panel

Sometimes when you’re building in Webflow, the style panel can get a bit tall and cumbersome to navigate. What if you could easily collapse all sections that you’re not working in? Well, wonder no longer, because now you can: with focus mode.

Enable focus mode to collapse all sections in the style panel but the one you’re working in.

To enable focus mode, open up the context menu at the top of the style panel and check that option.

This update also introduces a few new handy keyboard shortcuts:

  • Alt/Option + S to expand/collapse all style panel sections
  • Alt/Option + Shift + S to toggle on and off focus mode
  • Alt/Option + Z to expand/collapse all navigator elements
  • Alt/Option + U to expand/collapse all items in the audit panel

Sometimes when you’re building in Webflow, the style panel can get a bit tall and cumbersome to navigate. What if you could easily collapse all sections that you’re not working in? Well, wonder no longer, because now you can: with focus mode.

Enable focus mode to collapse all sections in the style panel but the one you’re working in.

To enable focus mode, open up the context menu at the top of the style panel and check that option.

This update also introduces a few new handy keyboard shortcuts:

  • Alt/Option + S to expand/collapse all style panel sections
  • Alt/Option + Shift + S to toggle on and off focus mode
  • Alt/Option + Z to expand/collapse all navigator elements
  • Alt/Option + U to expand/collapse all items in the audit panel

Launched on
April 13, 2021
Category
Designer

Related updates

Updates to in-product navigation

Updates to in-product navigation

Learn more
Build with React components in Webflow

Build with React components in Webflow

Learn more
Custom tooltips for component props

Custom tooltips for component props

Learn more
Shared Libraries available on all paid Workspace plans

Shared Libraries available on all paid Workspace plans

Learn more
Introducing Webflow Interactions, powered by GSAP

Introducing Webflow Interactions, powered by GSAP

Learn more
Rename elements and component instances

Rename elements and component instances

Learn more

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Watch demo

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.