Unreliable Components
I’m running into a frustrating issue with component property overrides resetting during prototyping. I have a side navigation system built with three main button styles:
-
Primary: Standard button with icon toggles.
-
Secondary: Includes a caret and triggers a nested menu.
-
Nested: The sub-menu item.
The Issue: Whenever I connect these via interactions (e.g., clicking a 'Secondary' button to show the 'Nested' menu), the custom overrides reset. Specifically:
-
Icon Resets: If I change an icon on an instance, the interaction reverts it to the default component icon or resets the color.
-
Content Resets: When the dropdown opens, the 'Nested' menu items revert to their default CTA text instead of the custom labels I’ve written in the design.
-
State Logic: I also notice that the 'Pressed' state of a button doesn't "pull" the icon override from the 'Default' state, even though it's just a variant change.
Steps to Reproduce:
-
Create a button component with an icon instance inside.
-
Create a 'Pressed' variant of that button.
-
In a design file, override the icon on the 'Default' state.
-
Play the prototype and click the button.
-
Result: The icon reverts to the master component's default icon rather than maintaining the override.
Is this expected behavior or a bug with how Figma maps layer overrides across variants? Any help on how to ensure my icon and text overrides "stick" through nested interactions would be appreciated!