Skip to main content
Solved

I need help in a prototype!


I created an animated slide to confirmation, but instead of a confirmation button, I’d like a pop-up to appear as confirmation on the main screen (after a short delay) once the animation finishes of the slide finish. This is for a presentation today, and I’m new to Figma prototyping. Can anyone offer some quick tips on achieving this interaction?

Context: I’m designing a Figma prototype for a “win a prize” interaction. Here’s the scenario:

  • The user slides a button across the screen.
  • As the button slides, the background changes from gray to green.
  • When the button reaches the end of its track, it turns fully green and displays the text “You won!”.
  • After a brief delay, a pop-up animation with confetti appears, congratulating the user. The pop-up should say “Congratulations!” and then “You won [prize name]!.”

Best answer by Haroll

Hi @Vitor

You can create an interaction between your last frame (the one with the green background and the slides completed) to your congratulation modal.

  1. Set this interaction to : After delay,
  2. Set the delay (time between frame A appear and navigation to frame B)
  3. Set the action to : Open overlay

Hope it helped

View original

2 replies

Haroll
  • Active Member
  • 273 replies
  • Answer
  • June 7, 2024

Hi @Vitor

You can create an interaction between your last frame (the one with the green background and the slides completed) to your congratulation modal.

  1. Set this interaction to : After delay,
  2. Set the delay (time between frame A appear and navigation to frame B)
  3. Set the action to : Open overlay

Hope it helped


  • Author
  • 1 reply
  • June 7, 2024

It helped a lot, thank you very much for taking the time to help me Haroll!


Reply


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