Sos. Component instance picture swaps to the original one on hover

[tank666]

I should have been clearer.

@tank666

I created a base component that only uses a gradient, and then I created a component set based on this base component in which to insert an image.

Should be: I created a base card component (.base-Image Card) that contains a gradient fill, text, and a button in order to be able to quickly change the layout of the card in one place. Next, I created a component set (Image Cards), which variants are based on the “.base-Image Card” component. One variant contains overriding the opacity of the gradient, which should change on hover. At the moment, none of the components has an image. I then created an instance of the “Image Cards” component with the “Default” variant and added an image to it as a fill. Thus, the image is under the gradient and is preserved when changing states.

@Mashkinz

What is a component set? Means instances of the original component?

Component set is a container that contains Variants.

Create and use variants

@Mashkinz

I had an image inserted in my component. And then I replaced it with other images in the instances. Now it started to pull the “original” image on hover. It actually worked until today, only with some updates I made today it started doing that.

Unfortunately, I don’t know what changes/updates you made to the component. If you could share a link to the example file, then anyone could take a look at it and suggest a solution (unless it’s a Figma bug).

If everything worked before and you are sure that this is a bug, send a bug report to support.

@Mashkinz

So, it means that I need to have a frame with gradient (?) in the original component, and then insert pictures in the instances?

As for my example, the image is only added at the “Image Cards” component instance level. And, unfortunately, I don’t know what actions need to be done with your component, because nothing is known about its structure.