When based on a conditional I want the component variant to change to another one (depending on the conditional), it doesn’t let me choose it to go to two different change-tos. If I change one of them, it changes the other one immediately. I would upload image or video but I can’t as I am a new user. But basically to replicate this: Create 3 variants of a component (eg a number 1, 2, and 3 in a frame, and make them into component variants, let’s say the prop is either 1, 2, or 3) Create a variable (eg. next that is 3) From variant 2, create an on click interaction that has a conditional: if (next == 3){ change to props = 3 } else{ change to props = 1 } What you will see is that when you create the second change to, it is automatically set to props = 3, and if you try to update the second one to props = 1, it will change the first one to props =1 as well.

Question

'Change to' with conditional action not working

Forum|Forum|3 years ago
June 22, 2023
66 replies
7357 views

When based on a conditional I want the component variant to change to another one (depending on the conditional), it doesn’t let me choose it to go to two different change-tos. If I change one of them, it changes the other one immediately.

I would upload image or video but I can’t as I am a new user. But basically to replicate this:

Create 3 variants of a component (eg a number 1, 2, and 3 in a frame, and make them into component variants, let’s say the prop is either 1, 2, or 3)
Create a variable (eg. next that is 3)
From variant 2, create an on click interaction that has a conditional:

if (next == 3){
change to props = 3
}
else{
change to props = 1
}

What you will see is that when you create the second change to, it is automatically set to props = 3, and if you try to update the second one to props = 1, it will change the first one to props =1 as well.

Components, variants and instances

This topic has been closed for replies.

Show previous replies

Walter_A_Cybis

The problem is obvious and we only have to get an answer from Figma! Anyone know how to get the list of fixes in the Beta version?

abmc

Same here of course and very sad. Obviously a “feature” that was rushed out the door that, due to this and how poor it is, is no “feature” at all.

Angel_Claudio

Added this to the other post, adding here as well in case it helps:

Not sure if this is a solution for you, but Figma sent me a workaround recently via email that didn’t work, so I had to implement the following workaround:

The following is my update, I’m unsuccessful with the workaround on child components, no matter where I create the change to, I can never create two that don’t mimic each other.

My fix was the following:

I made a copy of my main component (instead of working with a child component).
Since the main component you see the variant with the arrows going to and from in prototype design, I simply set the variable of interest the value I wanted depending on whether or not the variant was visible.

The con of course, is that I will have to make a copy of the main component and do step #2 every time I have a particular variable I’m trying to flip on and off, so basically my assets will have all these one offs instead of 1 asset I can keep reusing and modifying with a conditional statement.

A

Anonymous

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

Celine_

Community Support

Hi all,
Thanks everyone for flagging this! Our team is continuing to track this issue with the Change to interactions not updating as expected both regularly and within conditional interactions.

To give you an update, due to the complexity of the root issue, we unfortunately cannot provide an ETA for when this may be resolved. The team is continuing to track this as a high priority bug to fix and we apologize again for the continued inconvenience.

In the meantime, the engineers have suggested the following temporary workarounds:

For change to interactions outside conditionals:

Select the layer where you want to add the “Change to” interaction
With the Prototype tab active, drag the connector from the layer to the variant you are trying to change to

For change to interactions inside a conditional:

First create the change to interaction outside the conditional as described above
Add a conditional interaction
Collapse the change to interaction
Drag and drop the change to interaction into the conditional

Thank you for your help and patience as we continue working to resolve this bug!

Ali_Alkan1

New Participant

I was trying to create a checkbox that also reveals additional options such as rename and delete when selected. I used a boolean variable to control the visibility of these additional options. However, I can’t control the state of the checkbox within a condition. It doesn’t allow me to change settings for ‘if’ and ‘else’ independently. Therefore, the checkbox remains in the active state once clicked, instead of toggling.

Celine_

Community Support

Hi everyone,
Thank you for your patience while our engineers worked on resolving the issue. We are pleased to inform you that the fix has been successfully released!

Please refresh Figma to ensure that you are using the fixed version. If you continue to experience the issue, please let us know and we will flag it down for further investigation.

Thank you everyone for taking the time to report the issue!

A

Andy_Barratt

Im not sure if it’s the fix that’s at fault - but I’m finding conditional stuff to be extra buggy today. I remove conditions, only to find that they reappear some time later. And that’s if they actually worked in the first place. It felt much more stable previously, even if there needed to be a workaround…

Celine_

Community Support

Hey @Andy_Barratt ,
Thank you for flagging this! If you are finding any other issues (buggy, slow etc), please reach out to the support team (with a quick screenshot): https://help.figma.com/hc/en-us/requests/new. This will help us to investigate further the issue.