Skip to main content
iammai
June 22, 2023
Question

'Change to' with conditional action not working

  • 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:

  1. 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)
  2. Create a variable (eg. next that is 3)
  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.

This topic has been closed for replies.

66 replies

JustSara
New Member
October 20, 2023

Thought I was going crazy but then I found this topic, it’s sadly still buggy, won’t let me choose a different variant from the dropdown on a conditional, hope you guys will have a fix ready asap :S

Sienna_Scheid
October 30, 2023

Still experiencing this issue too 😦

Celine_
Figmate
Community Support
October 31, 2023

Hi all,
Sorry for the trouble, and thank you all for flagging this!
After checking internally, the possible workaround that might help in the meantime, where you can create that connection manually before creating the conditional and then drag it into the conditional.

To be transparent, this bug might not have an immediate resolution. Due to its complexity and other priorities, it could take some time before we can address it. While I can’t promise a quick fix, please know that our engineering team is aware of the issue and will work towards finding a solution in the future. We understand how frustrating these types of issues can be, and we appreciate you bringing this to our attention.

Thank you for your understanding and patience while the team investigates!

November 1, 2023

Hi Celine,

I didn’t understand the workaround. 😦

Rodrigo_S_Rodrigues
November 1, 2023

me neither… is there any chance to make this work outside the main variable?

Celine_
Figmate
Community Support
November 2, 2023

Hi all,
To give more clarification, the best way is to manually try and make the change to connection first by dragging out the connection arrow to the variant you want, then you can add in the conditional or other actions you want and click to drag the change to that section.
Here’s a GIF so you can better visualise it:

!!! Please note that this is a workaround that might help (« Change to » interaction on a nested variant /conditional statement). We are still currently investigating the issue. !!!

And, please also note that there may be some limitations and it might not help for every case. If this doesn’t work on your end, please fill out a ticket so we can investigate it further here: https://help.figma.com/hc/en-us/requests/new Thank you for your understanding! 🙏

Henry_Plant_VI
New Member
December 5, 2023

Could we consider temporarily disabling the “change to” option in the “else” field of conditionals until a more satisfactory solution is provided? Currently, this feature seems to be causing frustration for many users, and the existing workaround feels quite hacky.

I’ve been dragging my feet about demonstrating the wonderful world of variables to my design coworkers due to potholes like these. I can’t in good conscience endorse a new feature if core aspects are frustratingly broken.

Maciej_Ziolkowski
January 19, 2024

Any updates on the bug fix?

January 19, 2024

Agreed, I have waste hours trying to solve hoping that it’s been fixed.

HarryN
New Member
February 2, 2024

It’s been 7 months, and the “after delay” issue that doesn’t work with conditionals to change a component’s variant persists.

That’s on top of dozens of other gaps and issues that force designers to spend hours or days coming up with hacks and workarounds to create BASIC site and app functionality and interactivity that could and should take a couple of minutes to set up.

One of the most determining factors of high-quality designs is the ability to quickly generate iterations. Figma has never facilitated that need up to this point (unless maybe for very basic designs with no interactivity).

I’ve been experimenting with other design software for the last 2 months. There’s one (I don’t know if I’m allowed to share its name here) that appears to be much better for prototyping. I actually think Figma copied its variables functionality from them.

Once I get the hang of it, I’m out, till Figma starts paying closer attention to designer needs.