Skip to main content

When playing around with Interactive Components, some of my variants couldn’t be set to “Delay” for the interaction type.


My goal was to create three subtle animations all playing at once that tweened between two variant states. Each variant was unique.


I’m not sure why “delay” is disabled when I have a variant selected.


Funny enough, if I copied and pasted my variant that allowed delay as an interaction, then pasted in the layers from my variant that didn’t allow it, I could circumvent this bug by basically rebuilding the variant with the interaction already set.


If we could have an explicit error as to why “delay” is disabled, it would really help understand the feature limitations.


Or it could just be me misunderstanding the constraints!

Hey @Daniel_Destefanis just moved this into the IC beta category.


@Kelsey_Whelan or @adispezio are you able to chime in?

Hmm, After Delays should work with Interactive Components. Here’s an example I set up:


image


@Daniel_Destefanis would you be willing to share a file with us so we can take a look?

Yes of course! So delay does work on certain components, but for whatever reason when I created a new set of variants and tried to use delay, it wasn’t available from the drop down.


I can provide a file where I replicated the issue:



  • Where one set of variants does work (I copied and pasted from a previous variant that had delay as an option, changed all the layers, delay still works.)

  • Then I created a new variant, using the exact same layers and delay is no longer an option.


Whats the best way to link you?

Strange! A link would be great! My email is kwhelan@figma.com. (Twitter works too if that’s easier: I’m @kelseymwhelan.) Thank you!!

Great! Invite sent, I labeled which variant didn’t work! I’d love for it to be user error lol

Careful to select the frame and not the element…


however, I was trying to trying a ‘spinner/loader’ component and the variant needs to delay then start its loading/spinning process… and I was having similar issues.

I am having the exactly same problem. It does not matter how many times I change the design the option ‘After delay’ just doesn’t appear when I have set a variant 😦

same here !!! can’t select two times “after delay” for variants that is totally changing my prototype then 😕

@Kelsey_Whelan Hey, I see your post was marked as the solution, but doesn’t contain the solution. Could you share what the solution is? Or any gotchas when structuring and linking all-the-things? Thanks!

Would like to know how to solve it.

I am trying to put a spinner I created on my page, but the “After delay” does not seem to trigger. Both putting the component on the same page or on another page does not seem to affect this.


I’ve complied to the “only can be applied to top-level frame” rule: https://help.figma.com/hc/en-us/articles/360040035834-Prototype-triggers#After_Delay

Reply


Terms & ConditionsCookie settings