Tried a bunch of options but couldn’t make it work. I need to change states for 4 components. If I use ‘set variable’ and animate it, the transitions happen of after the other which doesn’t work for me. Is there any way to make they trigger at the same time?
Another option would be using ‘set variable mode’ which I would actually prefer, but then in that case I can’t make smart animate work at all.
Anyway, would love any ideas on how to make this work
Hey @georgeleonardo, thanks for reaching out and sorry for the trouble!
I’ve passed this onto our advanced prototyping team to advise. Are you able to share a link to your file, so we can see how you’ve currently set up your layers?
If so, please include a link to the file in this topic thread and share edit access with support-share@figma.com, so the team can take a closer look.
@georgeleonardo Did you ever figure it out? I have a clear button resetting like 20 separate booleans and it’s so painful to watch them switch off one by one lol
I actually was able to figure this out.
- Create a separate screen where all your component instances are set the way you want them to look after the transition.
- For whatever you currently have triggering all the set variables, have it just navigate to the separate screen instead.
- On the separate screen, add an After Delay interaction and put all your set variable actions within that—followed by another action to navigate back to your initial screen.
- Set the delay to 1ms.
It honestly makes sense why the transitions occur one after another because of order of operations. Figma will trigger the transitions of layers affected by set variable actions if those layers are visible. If they aren’t visible, transition time is ignored and the changes happen instantaneously. Which is why what I described works.