Launched on
June 4, 2014
Category
Designer
Feature
Designer
HTML and CSS tabs
Webflow's tabs component offers an easy and elegant way to build navigation, compactly display content, and much more.
Feature
Designer
HTML and CSS tabs
Webflow's tabs component offers an easy and elegant way to build navigation, compactly display content, and much more.
Feature
Designer
HTML and CSS tabs
Webflow's tabs component offers an easy and elegant way to build navigation, compactly display content, and much more.
In this update
Related updates
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
AVIF Image Support & Conversion Tool
Learn more
→
View AVIF Image Support & Conversion Tool
Enhancement
Designer
Organize your components
Learn more
→
View Organize your components
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
Feature
Designer
Page branching
Learn more
→
View Page branching
Enhancement
Designer
"Symbols" evolved to "Components"
Learn more
→
View "Symbols" evolved to "Components"
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
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
Beta
Designer
Create blurring and color effects with backdrop filters
Learn more
→
View Create blurring and color effects with backdrop filters
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
