How To Create Nested Symbols In Sketch

Creating symbols in Sketch is a great way to improve your workflow by staying organized and keeping your design consistent. In this tutorial we’ll create a symbol inside another symbol, called “nested symbol”.

This tutorial includes demo files for Sketch. Make sure to grab them!

Download Demo File

Below is the final result of this teeny-tiny tutorial. What’s shown is the same symbol but with different overrides.

Nested Symbols

We’ll start by creating three symbols. Note that each symbol have to be the same size in order for you to switch between them.

Components

Now that we’ve created some symbols, let’s place one of them in a new symbol: our master symbol.

Symbols

And voilà! You now have an awesome nested symbol! This is a very basic version but there’s no limit to how deep you can nest Symbols.

Overrides

Hide Overrides

If you have a text layer, an image or a symbol inside another symbol that you don’t want to be overridden, simply lock that layer.