Skip to main content
Levi_Jones
New Member
May 2, 2021
Question

Component Overrides don't apply to variants

  • May 2, 2021
  • 23 replies
  • 3670 views

Anytime I use a variant with overrides applied the interactive component causes the variant to revert to its default state in the prototype.

I may be doing something wrong, but it feels like a bug.

This topic has been closed for replies.

23 replies

SomethingFishy
Active Member
April 22, 2025

I should be shocked that this is still a thing…and yet I’m not shocked.

Definitely an issue.

What I’m doing and the result I’m expecting:

  • I add an instance of my component with hover state interaction to my file.
  • I change the color of that instance.
  • I run the prototype and my component (which is blue) now shows the override color (orange) on the default AND hover states.

What’s actually happening:

  • The component shows the override color (orange) on the default state plus elements common to both states, but NOT on the elements that are changing with hover (for example: a changing icon.)

One thing I have learned about Figma: the thing you expect to happen is never the thing that actually happens, and you can never tell if it’s a bug or not.

 

Figma is lipstick on a broken box layout where component interactions dissolve on contact with other pages.
Madory
New Member
May 17, 2025

I may have a solution:
I removed the accents, apostrophes, etc. from my variant names, published the library, and the bug disappeared.
Then I renamed my variants with the accents, etc. just to see..., published the library and it continued to work.

James_McLain1
New Participant
July 28, 2025

I’ve literally been trying to fix this issue all day.