Launched on
August 5, 2014
Category
February 2, 2024
Feature
Designer
Dropdown menu
Add long lists of links or options to your website with a double-click.
Feature
Designer
Dropdown menu
Add long lists of links or options to your website with a double-click.
Feature
Designer
Dropdown menu
Add long lists of links or options to your website with a double-click.
In this update
Related updates
Enhancement
Designer
Style All <pre> Tags in Code Blocks
Learn more
→
View Style All <pre> Tags in Code Blocks
Enhancement
Designer
Asset management improvements
Learn more
→
View Asset management improvements
Feature
Designer
Introducing variable modes
Learn more
→
View Introducing variable modes
.jpg)
Enhancement
Designer
Create components in CMS contexts
Learn more
→
View Create components in CMS contexts
Enhancement
Designer
New in-product navigation
Learn more
→
View New in-product navigation
Enhancement
Designer
Edit components in slots
Learn more
→
View Edit components in slots
Feature
Designer
Rive support for Webflow
Learn more
→
View Rive support for Webflow
.jpg)
Enhancement
Designer
Component previews and descriptions
Learn more
→
View Component previews and descriptions
Enhancement
Designer
Organize your components
Learn more
→
View Organize your components
Enhancement
Designer
AVIF Image Support & Conversion Tool
Learn more
→
View AVIF Image Support & Conversion Tool
Feature
Designer
Share components and variables across sites with Libraries
Learn more
→
View Share components and variables across sites with Libraries
Enhancement
Designer
Find component instances
Learn more
→
View Find component instances
.jpg)
Feature
Designer
Component slots
Learn more
→
View Component slots
Enhancement
Designer
Quickly duplicate components
Learn more
→
View Quickly duplicate components
.png)
Feature
Designer
Learning Assistant
Learn more
→
View Learning Assistant
Enhancement
Designer
Extended element conversions
Learn more
→
View Extended element conversions
Enhancement
Designer
Single multi-image field binding for lightbox
Learn more
→
View Single multi-image field binding for lightbox
Enhancement
Designer
Add classes as custom attributes to elements
Learn more
→
View Add classes as custom attributes to elements
.webp)
Enhancement
Designer
Display code on your website without writing code & updates to ordered lists
Learn more
→
View Display code on your website without writing code & updates to ordered lists
Enhancement
Designer
New Style panel Layout section and controls
Learn more
→
View New Style panel Layout section and controls
.webp)
Feature
Designer
Custom CSS properties and values
Learn more
→
View Custom CSS properties and values
.webp)
Enhancement
Designer
Custom staging domain support
Learn more
→
View Custom staging domain support
Enhancement
Designer
Adjust appearance settings
Learn more
→
View Adjust appearance settings
Feature
Designer
Introducing the code block element
Learn more
→
View Introducing the code block element
Enhancement
Designer
Prevent unwanted click and touch interactions with pointer events
Learn more
→
View Prevent unwanted click and touch interactions with pointer events
.jpg)
Enhancement
Designer
Test designs on a branch faster and safer with branch staging
Learn more
→
View Test designs on a branch faster and safer with branch staging
Enhancement
Designer
Right click now supported in the Navigator panel
Learn more
→
View Right click now supported in the Navigator panel
Enhancement
Designer
Protect your site with improved publishing workflows
Learn more
→
View Protect your site with improved publishing workflows
Feature
Designer
Text wrapping and Word breaking now supported
Learn more
→
View Text wrapping and Word breaking now supported
Enhancement
Designer
Simplified publishing permissions with new toggle
Learn more
→
View Simplified publishing permissions with new toggle
Update
Designer
Unlock greater scale with increased pages
Learn more
→
View Unlock greater scale with increased pages
Enhancement
Designer
Better visibility on publishing progress
Learn more
→
View Better visibility on publishing progress
.jpg)
Enhancement
Designer
Quickly search for swatches in the style panel
Learn more
→
View Quickly search for swatches in the style panel
Enhancement
Designer
Shortcuts for wrapping elements in div or link blocks
Learn more
→
View Shortcuts for wrapping elements in div or link blocks
Feature
Designer
Variable fonts update
Learn more
→
View Variable fonts update
Feature
Designer
Variable fonts support now in beta
Learn more
→
View Variable fonts support now in beta
Enhancement
Designer
"Symbols" evolved to "Components"
Learn more
→
View "Symbols" evolved to "Components"
Feature
Designer
Page branching
Learn more
→
View Page branching
Feature
Designer
Natively preview layouts with any text size seamlessly in the Designer
Learn more
→
View Natively preview layouts with any text size seamlessly in the Designer
Enhancement
Designer
Search CSS classes in the Style Manager
Learn more
→
View Search CSS classes in the Style Manager
Enhancement
Designer
Preview the CSS properties of classes in the Style Manager
Learn more
→
View Preview the CSS properties of classes in the Style Manager
Feature
Designer
Improve keyboard navigation with outline styling and keyboard focus state
Learn more
→
View Improve keyboard navigation with outline styling and keyboard focus state
Beta
Designer
Create blurring and color effects with backdrop filters
Learn more
→
View Create blurring and color effects with backdrop filters
Feature
Designer
Control how stacked element colors blend with new blending mode
Learn more
→
View Control how stacked element colors blend with new blending mode
Feature
Designer
Focus mode in style panel
Learn more
→
View Focus mode in style panel
Enhancement
Designer
Nest symbols inside other symbols
Learn more
→
View Nest symbols inside other symbols
Update
Designer
Symbols are now in their own panel
Learn more
→
View Symbols are now in their own panel
Enhancement
Designer
Control width of text elements by character count using “ch” unit
Learn more
→
View Control width of text elements by character count using “ch” unit
Feature
Designer
Fill text with gradients, images, and overlays with background clipping
Learn more
→
View Fill text with gradients, images, and overlays with background clipping
Feature
Designer
Apply content overrides for symbol instances
Learn more
→
View Apply content overrides for symbol instances
Feature
Designer
You can now use custom code in rich text elements
Learn more
→
View You can now use custom code in rich text elements
Feature
Designer
White space property added to control text wrapping
Learn more
→
View White space property added to control text wrapping
Update
Designer
Navigator now on the left for everyone
Learn more
→
View Navigator now on the left for everyone
Enhancement
Designer
Right-click to convert div blocks to link blocks
Learn more
→
View Right-click to convert div blocks to link blocks
Enhancement
Designer
Identify hidden elements more easily in navigator
Learn more
→
View Identify hidden elements more easily in navigator
Beta
Designer
New navigator location
Learn more
→
View New navigator location
Enhancement
Designer
Link to specific pages in the Designer
Learn more
→
View Link to specific pages in the Designer
Enhancement
Designer
Cleaned up, more legible navigator
Learn more
→
View Cleaned up, more legible navigator
Update
Designer
We’re making some changes to the style panel
Learn more
→
View We’re making some changes to the style panel
Update
Designer
Experimental support for the Designer in Firefox
Learn more
→
View Experimental support for the Designer in Firefox
Update
Designer
Landing page tutorial
Learn more
→
View Landing page tutorial
Enhancement
Designer
Drag to resize grid columns, rows, and gaps
Learn more
→
View Drag to resize grid columns, rows, and gaps
Enhancement
Designer
Quick find
Learn more
→
View Quick find
Enhancement
Designer
Color swatches now global by default
Learn more
→
View Color swatches now global by default
Feature
Designer
Add a reCAPTCHA field to your forms
Learn more
→
View Add a reCAPTCHA field to your forms
Enhancement
Designer
Add classes faster with a keyboard shortcut
Learn more
→
View Add classes faster with a keyboard shortcut
What’s new?
But that's not all... see the latest Webflow feature releases, product improvements and bug fixes.
View all updates
