Figma Support Forum

Can't Use Nested Components to Change State in Prototype

Going to do my best to explain this issue succinctly. Please let me know if you need more detail.

In some of my mockups, I have a side panel with tabbed navigation. I set up the different tabs as variants and included the tabbed navigation as part of each variant. The tabs are a component from our design system.

My desired behavior is:

  1. User clicks on a tab in the prototype.
  2. Panel changes to the correct variant.

When I try to set this up, it will only work if I use ‘Detach instance’ on the tabs to detach them from the parent component. This isn’t ideal, as I’d prefer they continue to inherit changes to the design system.


This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.