Hello everyone! Been trying for hours now doing a component/variant on Figma but I keep getting “The properties and values of this variant are conflicting. Change the applied values on this variant to resolve this.” I don’t understand it and it’s frustrating the hell out of me. So here’s the issue, I’m creating 3 stars, one plain white, the other half yellow and white and the last it pure yellow. I applied multiple components of them and then created a variant out of the 3 stars. So the issue now is that when I go to the right side where it says parent component and then current variant below. On the property section where it has the drop down menu where the 3 stars are supposed to be recognized, it keeps giving me the error message above and it only picks up 2 of the stars. Regardless how much I change the name, it keeps going back to those 2 stars only and keeps renaming the other one on it’s own. Does anyone know how to fix this issue? Please help! Thank you!
Regarding components and variants
Try creating new stars (white, half-yellow, yellow), then select all of them and create a component set (not multiple components). Rename each variant accordingly and it should work.
First, I share your frustration. I am not a Figma guru, so accept my sympathy and know you are not alone.
When I get this annoying error, I go to the left panel and tweak the name of each variants until each has a different name (e.g. “star-halfyellow, star-yellow, star-white”). Usually, it complains AGAIN that I have not named them correctly. However, if I persist in tinkiering with the naming of the parent component and each variant, the error message suddenly disappears.
I know this is lame advice. But I assure you Figma is not trying to torture us (at least not on purpose). Rather, it’s playing a game of Simon-says where we must obey it’s rules or it refuses to obey.
Best of luck, my FFFF (fellow frustrated Figma friend)!
J.R.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.