Link Prototype Action to Nested Symbol

It’d be great to be able to connect my prototype action links to components within components or specific items within the component. This is due to things like navbars with various action buttons and items that can lead to different views or have different functions depending on the view its on but would be a pain to redo for each view.

Hey Kevin,

This can be done! You can add prototype links to your navbar symbol source and then override any link in an instance if needed, keeping the others with the default links.

There’s only one scenario we don’t have yet: link to a target inside the same component. But you can link to any other views that are outside your component.

Since you mentioned a navbar I’m thinking of adding links to a set of predefined artboards and then overriding some of those links depending on which artboard you’re working with.

Can you share a sample file if you’re running into some issues?

2 Likes

I can override a link only on the immediate instance of a symbol, but not if the instance is nested within another symbol. For example, I have two component symbols for ‘Tab Active’ and ‘Tab Inactive,’ both linked to artboard None. These symbols are used in a composition for the Tab Bar, where I can override the link. However, when I make the Tab Bar a symbol to use in mockups, I can no longer override the links from the instance of the composition. Is there a solution for this?

Hi Tania,

Welcome to the Forum! It’s great to see you here!

Setting a prototype link on a component should work when you nest it :thinking: I created this demo file. Can you take a look and let me know if I missed anything?

Many thanks and welcome again!

And here’s the demo file:

Nested instance links.sketch (167.5 KB)

Hello, I am undigging this topic, because I find very annoying to add hotspot links into symbols. I actuallly love to add things only when I need them. Having an empty link most of the times is not appropriate. It would be great to add a link to any layer, frame or whatsoever inside the instance of a symbol, on the go, just when we need it.

Why ? Because when working in a team environment, you might not have access to the external library and cannot update it, so you are blocked.

The workaround is creating hotspot shapes (with H) but they are not precise, they don’t follow semantically the area you want to be clickable, and it’s a real struggle drawing them precisely (I actually don’t know where the cursor really is).

Lots of manual work, it’s annoying.

I think hotspot shapes for links are things of the past and that Sketch should evaluate how to get rid of it. It simply is not efficient.