Back to updates
Enhancement
Designer

Nest symbols inside other symbols

Now you can nest symbols within other symbols to build and maintain complex layouts more easily and efficiently.

Nest symbols inside other symbols

<p>Building on the recent release of <a href="<https://webflow.com/blog/content-overrides-for-symbols>">content overrides</a>, today we’re taking the power of symbols one step further, allowing you to nest symbols inside of other symbols, which makes it even easier to build and maintain layouts in Webflow.</p><figure class="w-richtext-figure-type-video w-richtext-align-fullwidth" style="padding-bottom:56.206088992974244%" data-rt-type="video" data-rt-align="fullwidth" data-rt-max-width="" data-rt-max-height="56.206088992974244%" data-rt-dimensions="854:480" data-page-url="<https://youtu.be/sSAsWOZktHo>"><div><iframe allowfullscreen="true" frameborder="0" scrolling="no" src="<https://www.youtube.com/embed/sSAsWOZktHo>"></iframe></div></figure><p>For a full look at this release read our <a href="<https://webflow.com/blog/nested-symbols-in-webflow?utmsource=update&utmmedium=in-app-update&utm_campaign=nested-symbols>">announcement blog post</a>. For more details on how to nest symbols, check out our <a href="<https://university.webflow.com/lesson/symbols>">documentation on Webflow University</a>.</p>


Launched on
December 15, 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