Skip to main content

I was updating components in the large design file, that has tons of interactive components with overrides, and now, when I hover on my component instance, the picture swaps to the one I have in the original component. It shouldn’t be happening, looks like a bug. It was fine before, but when I updated some visual styles, it start to behave like this.

How can I fix it?


The worse part that I have to present it tomorrow.




Sounds like you need to properly assemble your interactive component.


Check out a working example here:


thanks for your response.


Solution from the link you shared:

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. You can test the functionality of the component in your source file.


I did not understand this paragraph. What is a component set? Means instances of the original component?


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.


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


I should have been clearer.


Figma Learn - Help Center

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.


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