Screen Recording
I designed ‘Navbar’ component with 2 variables (Default, Expanded), for Navbar body container applied slots. In this body container, I used one componet (Entity Tab) having variables default and expanded.
In Navbar (Default) body container varible used ‘Entity Tab’ default and in Navbar (Expanded) used ‘Entity Tab’ expanded variables.
While switching between Navbar component, ‘Entity Tab’ (present within slot) properties not changing.
Solved
Figma slots not adapting variable properties
Best answer by Gayani_S
Hey
I checked in with the team on this, and unfortunately what you’re running into is a current limitation in how slots work.
When you modify or place a component inside a slot, those layers essentially become detached from the original component structure. Because of that, any component properties tied to those layers, including variant-based changes like switching from Default to Expanded-won’t update as expected.
The team is aware of this limitation and is working on making this behaviour clearer.
Hope this helps!
Hey
I checked in with the team on this, and unfortunately what you’re running into is a current limitation in how slots work.
When you modify or place a component inside a slot, those layers essentially become detached from the original component structure. Because of that, any component properties tied to those layers, including variant-based changes like switching from Default to Expanded-won’t update as expected.
The team is aware of this limitation and is working on making this behaviour clearer.
Hope this helps!
Is this intended behavior or will slots be updated to allow internal variant based changes possibly in the future?
It’d be amazing if components within slots could retain their interactivity in prototypes.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.