Nested Symbols can help streamline complex projects by giving you a more granular control over your designs. For example, a nested Symbol can take the place of an element, such as a logo, within a larger Symbol like a banner. This way, any edits you make to your logo will automatically reflect on your banner’s Symbol Source.
How to create a nested Symbol
You can create nested Symbols by inserting a Symbol instance inside a different Symbol Source.
To do this, go to your Symbols page and insert an instance inside your Symbol. Now, when you edit the Source of that instance, it’ll update everywhere, including inside your Symbol Source.
You can also turn two or more Symbol Sources into nested Symbols by selecting them on your Canvas and choosing Create Symbol in the toolbar.
Note: There’s no limit to how many Symbols you can nest within a Symbol Source. However, you can’t use a Symbol instance inside its own Source.
How to use nested Symbol overrides
You can create other versions of your nested Symbol to use as overrides. Once you’ve created the different versions, go to your Canvas and click on the nested Symbol you want to change. Now, head to the Overrides dropdown menu in the Inspector and choose the Symbol you want to swap in.
Using nested Symbols as overrides is a great way to make your designs more flexible. By swapping in an entirely different Symbol, you can make changes, such as switching a button between active and inactive states, as if you were flipping a switch.
To quickly access the Symbol Source for one of the nested overrides, click the arrow icon next to the nested Symbol override’s name in the Inspector.