Expectations:
As a designer in Figma i want my components to always remember my edited properties in all instances in my prototypes.
Problem:
When I sometimes have a instance component in another component it doesn’t behave as expected. It seems like my edited properties gets forgotten, like some memory loss.
Example:
- I have a “Button” where I can change properties for icon, label, body, description, badge.
- I change it to only display a ‘truck’ icon and the label ‘Shipping’.
- When I place it on my canvas it works good as expected, with a background being shown on hover and the icon and label remains the same.
- When I use the buttons in another component called “Card” it still works good.
- But when I use that same Card component in a third component called “Button dropdown” the problem is that on mouse leave the shipping button resets the instance (see gif).
Help:
Why does this happen in Figma Design prototypes? It seems to be happening due to the fact that I swap the downdrop card instance from a placeholder card to my shipping card.
So a work around at the moment would be to create a Button dropdown component for each card, instead of having a global style for all Button dropdown interactions.
But when I tested to add the Button dropdown i Figma Site, there it works good as intended.
