To comply with some recent changes from the Google Maps API team, we're no longer rendering map previews in the Designer. Now when you use the Map element, you'll see a generic preview of your map in the Designer, and will need to check out your published site to check how your map looks live.
March 31, 2017
Designer
Related updates
Create components in CMS contexts
Learn more
→
View Create components in CMS contexts
New in-product navigation
Learn more
→
View New in-product navigation
Edit components in slots
Learn more
→
View Edit components in slots
Rive support for Webflow
Learn more
→
View Rive support for Webflow
Component previews and descriptions
Learn more
→
View Component previews and descriptions
AVIF Image Support & Conversion Tool
Learn more
→
View AVIF Image Support & Conversion Tool
Organize your components
Learn more
→
View Organize your components
Share components and variables across sites with Libraries
Learn more
→
View Share components and variables across sites with Libraries
Find component instances
Learn more
→
View Find component instances
Component slots
Learn more
→
View Component slots
Quickly duplicate components
Learn more
→
View Quickly duplicate components
Learning Assistant
Learn more
→
View Learning Assistant
Extended element conversions
Learn more
→
View Extended element conversions
Single multi-image field binding for lightbox
Learn more
→
View Single multi-image field binding for lightbox
Add classes as custom attributes to elements
Learn more
→
View Add classes as custom attributes to elements
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
New Style panel Layout section and controls
Learn more
→
View New Style panel Layout section and controls
Custom CSS properties and values
Learn more
→
View Custom CSS properties and values
Custom staging domain support
Learn more
→
View Custom staging domain support
Adjust appearance settings
Learn more
→
View Adjust appearance settings
Introducing the code block element
Learn more
→
View Introducing the code block element
Prevent unwanted click and touch interactions with pointer events
Learn more
→
View Prevent unwanted click and touch interactions with pointer events
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
Right click now supported in the Navigator panel
Learn more
→
View Right click now supported in the Navigator panel
Protect your site with improved publishing workflows
Learn more
→
View Protect your site with improved publishing workflows
Text wrapping and Word breaking now supported
Learn more
→
View Text wrapping and Word breaking now supported
Simplified publishing permissions with new toggle
Learn more
→
View Simplified publishing permissions with new toggle
Unlock greater scale with increased pages
Learn more
→
View Unlock greater scale with increased pages
Better visibility on publishing progress
Learn more
→
View Better visibility on publishing progress
Quickly search for swatches in the style panel
Learn more
→
View Quickly search for swatches in the style panel
Shortcuts for wrapping elements in div or link blocks
Learn more
→
View Shortcuts for wrapping elements in div or link blocks
Variable fonts update
Learn more
→
View Variable fonts update
Variable fonts support now in beta
Learn more
→
View Variable fonts support now in beta
Page branching
Learn more
→
View Page branching
"Symbols" evolved to "Components"
Learn more
→
View "Symbols" evolved to "Components"
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
Search CSS classes in the Style Manager
Learn more
→
View Search CSS classes in the Style Manager
Preview the CSS properties of classes in the Style Manager
Learn more
→
View Preview the CSS properties of classes in the Style Manager
Improve keyboard navigation with outline styling and keyboard focus state
Learn more
→
View Improve keyboard navigation with outline styling and keyboard focus state
Control how stacked element colors blend with new blending mode
Learn more
→
View Control how stacked element colors blend with new blending mode
Create blurring and color effects with backdrop filters
Learn more
→
View Create blurring and color effects with backdrop filters
Focus mode in style panel
Learn more
→
View Focus mode in style panel
Nest symbols inside other symbols
Learn more
→
View Nest symbols inside other symbols
Symbols are now in their own panel
Learn more
→
View Symbols are now in their own panel
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
Fill text with gradients, images, and overlays with background clipping
Learn more
→
View Fill text with gradients, images, and overlays with background clipping
Apply content overrides for symbol instances
Learn more
→
View Apply content overrides for symbol instances
You can now use custom code in rich text elements
Learn more
→
View You can now use custom code in rich text elements
White space property added to control text wrapping
Learn more
→
View White space property added to control text wrapping
Navigator now on the left for everyone
Learn more
→
View Navigator now on the left for everyone
Right-click to convert div blocks to link blocks
Learn more
→
View Right-click to convert div blocks to link blocks
Identify hidden elements more easily in navigator
Learn more
→
View Identify hidden elements more easily in navigator
New navigator location
Learn more
→
View New navigator location
Link to specific pages in the Designer
Learn more
→
View Link to specific pages in the Designer
Cleaned up, more legible navigator
Learn more
→
View Cleaned up, more legible navigator
We’re making some changes to the style panel
Learn more
→
View We’re making some changes to the style panel
Experimental support for the Designer in Firefox
Learn more
→
View Experimental support for the Designer in Firefox
Landing page tutorial
Learn more
→
View Landing page tutorial
Drag to resize grid columns, rows, and gaps
Learn more
→
View Drag to resize grid columns, rows, and gaps
Quick find
Learn more
→
View Quick find
Color swatches now global by default
Learn more
→
View Color swatches now global by default
Add a reCAPTCHA field to your forms
Learn more
→
View Add a reCAPTCHA field to your forms
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