Skip to main content
Participant
April 28, 2022
Answered

Wheel of fortune

  • April 28, 2022
  • 1 reply
  • 1119 views

Hi!
Trying to create a pop up overlay with a spinning wheel in Figma, how can I do this? Thought you XD guys might know.

Currently made it as two overlays and adjusted rotation of the circle, but Figma won´t let it spin beyond 360. I´d like it to go at least 1-2 rounds before landing!

 

    This topic has been closed for replies.
    Correct answer AkinGn

    Hi @motivated_dancer5C5C , I know how to create the effect in XD (and I already have seen some designers previously used some other tools started to use XD thanks to its great animation & prototyping features, I tried to demonstrate it for you) The way to do one more spin is either by rotating the object manually one more tour or writing to the rotation box 0 or 360, whichever is different from the previous artboard. As I said I tried to demonstrate it, you can see it here: https://www.youtube.com/watch?v=QNyveODgLvM  You can also find the XD file I created here: https://www.dropbox.com/s/0cme9m6owgeaz5t/spin%20animation.xd?dl=0 Hope this helps! 

    1 reply

    AkinGn
    Community Expert
    AkinGnCommunity ExpertCorrect answer
    Community Expert
    April 29, 2022

    Hi @motivated_dancer5C5C , I know how to create the effect in XD (and I already have seen some designers previously used some other tools started to use XD thanks to its great animation & prototyping features, I tried to demonstrate it for you) The way to do one more spin is either by rotating the object manually one more tour or writing to the rotation box 0 or 360, whichever is different from the previous artboard. As I said I tried to demonstrate it, you can see it here: https://www.youtube.com/watch?v=QNyveODgLvM  You can also find the XD file I created here: https://www.dropbox.com/s/0cme9m6owgeaz5t/spin%20animation.xd?dl=0 Hope this helps! 

    Participant
    April 30, 2022

    Perfect, thanks! It´s working now!