Adding nested symbols to symbols with a layout, without detaching

It’s a long title and hard to summarize in one sentence, but the idea isn’t that complex. In sketch when we namespace/nest a symbol the override system smartly displays likely overrides based on that name grouping.

So what if we could add additional child symbols to their parent when they have a stack/smart layout WITHOUT first detaching the symbol. This is a common issue in Figma, you have a component you want to re use, but sometimes it juust needs one more child item. We have to detach the instance and we lose that auto layout, when we come to make changes later, there’s an orphaned component out there we need to find and manually fix, there could be several, each with subtly different layouts. The alternative is to make a bunch of variants etc which we either need to think up ahead of time or still go back and adjust manually.

If something is intended to be nested, as suggested by its naming scheme, we could skip this step and allow them to be inserted directly into the symbol and register as an override. If we change our minds later, no problem. They’re still nested and their instances can still change and if we want the duplicate gone, we just treat it like an override and reset the instance if desired. I think it’s pretty cool. I’ve also done a video to demonstrate what I’m talking about. Just some food for thought.

A last minute addition with a better example of the kind of problem this would solve

Thanks for the elaborate explanation and videos. I can certainly see the use of this!

1 Like