Back to updates
Update
Designer

Symbols are now in their own panel

We’re moving symbols to their own panel on the left side of the designer to make them easier to find — and to make way for some exciting planned upgrades to ou

Symbols are now in their own panel

<p>Heads up: we just moved <a href="<https://university.webflow.com/article/symbols>">symbols</a> to their own panel on the left side of the Designer to make them easier to find and to make way for some exciting planned upgrades to our entire symbols toolset (details below).</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1000px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1000px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d2334pL3sCO1syKuUfRFx7tJqFvbuhsCojHHePYcEbeRbtCuFicSgkFRs0UO7yU82KQDn7QdSceFj9FXCYY8OrnBUlyYNWU-lLzkGyNe83XuQ4d4HRsjjQw9RGqHSMxQhuYKhL6CnbP.gif>" alt="Symbols now live in their own panel."></div><figcaption>Symbols now live in their own panel.</figcaption></figure><p>To learn more about how we’re evolving symbols at Webflow, check out our blog post on <a href="<https://webflow.com/blog/content-overrides-for-symbols>">symbol content overrides</a> and keep an eye out for upcoming releases, including:</p><ul><li><strong>Nested symbols.</strong> <a href="<https://wishlist.webflow.com/ideas/WEBFLOW-I-556>">Put symbols inside of symbols</a> for hyper-detailed layout control and management.</li><li><strong>Style overrides and variants.</strong> Define which element styles (e.g. background color) can be overridden on instances, and create multiple variants (e.g. a dark and a light version).</li><li><strong>Renaming symbols to components.</strong> To reflect the dramatic expansion of what “symbols” will be able to do, we’ll be renaming “symbols” to “components” in a future release.</li></ul>


Launched on
August 25, 2020
Category
Designer

Related updates

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
Advanced variables with functions

Advanced variables with functions

Learn more
See recently modified classes in the style selector

See recently modified classes in the style selector

Learn more