Skip to main content
Solved

Trying to use Change To, but can't select a component variant

  • November 9, 2021
  • 8 replies
  • 6677 views

Aygyun_Gyul

Looking for a Figma interactive components expert. I have an issue with trying to change a component to a variant using “Change To” function. Appreciate any help or tips on how to make it happen!
Here’s the screenshot with more descriptions:

Best answer by tank666

Thanks for the answer! It looks like this is a bug. Please submit a bug report to support and attach this video, a link to the file, and any additional information.

View original
This topic has been closed for replies.

8 replies

tank666
  • 4873 replies
  • November 9, 2021

Hi @Aygyun_Gyul, your file contains only 4 variants. Pay attention to the layer icon (filled diamond). Component instances that are in variants are variant elements. For you to be able to select any button, you need each button to be an variant.

Please see the Help Center article to find out more.

Figma Help Center

Aygyun_Gyul
  • Author
  • 2 replies
  • November 10, 2021

@tank666, hmm, I’ll take a look, but I’m not sure if I understand. I was building my buttons using this example of interactive radio buttons. I’m basically trying to recreate the same behavior, so I used the same structure for variants. And yet, mine doesn’t work, while the radio buttons do: Figma - Interactive radio button group | Here is a quick example of how you can create an interactive radio button group component. If yo...


tank666
  • 4873 replies
  • November 10, 2021

Thank you for the clarification. That is, do you want your buttons to work like Radio buttons? Could you record a video of what happens after you select “Variant2”?


Aygyun_Gyul
  • Author
  • 2 replies
  • November 10, 2021

@tank666, please see recording below. Basically I just can’t select Variant2 or any other Variant.


tank666
  • 4873 replies
  • Answer
  • November 10, 2021

Thanks for the answer! It looks like this is a bug. Please submit a bug report to support and attach this video, a link to the file, and any additional information.


Cathy_King

I have this exact issue. I can only get the change to dropdown selection to work if I put the click action on the entire component. If I choose something within the component as the click trigger, it shows me the dropdown to make a selection, but will not allow me to select anything. Just in case it was just me, I used someone else’s file that worked, erased one of their interactions and tried to redo it. Same thing happened.


Cathy_King

I found a workaround by accident. If you drag out the prototyping line from the right side of the component in your screenshot and connect it to the row below (I’m assuming that’s the one you want it to change to, you can then make selections in the dropdown. So basically connect it to the component you want it to change to first and then edit the interaction.


  • 0 replies
  • December 30, 2021

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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings