Skip to main content
Solved

Is there a way to add multiple interactions of the same type?


Teon_Beijl

I would like to add multiple interactions of the same type (like after delay)

For example:
I have a button that upon clicking changes into a button with a loading indicator. After this button is back to normal I want to overlay a success message.

I would prototype that like this
image

  • OnClick > Open overlay (Button with spinner)

image

  • After delay > Close overlay (Button with spinner)
  • After delay > Open overlay (Success message)

  • After delay > close overlay (Success message)

Best answer by tank666

But this is done in a slightly different way. You don’t need to tear off the button as an overlay. Use the “Mouse Down”, “Mouse Up” triggers for the button.
You can see my example:

Figma – 4 Mar 21
View original

5 replies

tank666
  • 4859 replies
  • Answer
  • March 4, 2021

But this is done in a slightly different way. You don’t need to tear off the button as an overlay. Use the “Mouse Down”, “Mouse Up” triggers for the button.
You can see my example:

Figma – 4 Mar 21

Teon_Beijl
  • Author
  • 4 replies
  • March 4, 2021

You legend! Learned something new today 🙂


Teon_Beijl
  • Author
  • 4 replies
  • March 4, 2021

I think that the interactions you used are the interactive components beta I still have to wait on, am I correct?


tank666
  • 4859 replies
  • March 4, 2021

Oh yes, these are interactive components. If you are not registered for the beta version, then, unfortunately, you will not be able to see how it works. By the way, you can sign up for the beta here:

Here is a prototype video of how an interactive component should work for your task:


Teon_Beijl
  • Author
  • 4 replies
  • March 4, 2021

Thanks! I was able to inspect everything including the interactions you used, but couldn’t apply it to other layers. I did register, but haven’t been able to access it. Still I hope that the ic is released soon, so we can really speed up our processes:)


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