Skip to main content
Participant
Apr 28, 2022 9:24 PM UTC
Answered

Wheel of fortune

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 is closed to new replies. Start a new post to keep the conversation going.
    AkinGn
    AkinGnCorrect answer
    Community Expert
    Apr 29, 2022 3:45 PM UTC

    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! 

    2 replies

    AkinGn
    Community Expert
    AkinGnCommunity ExpertCorrect answer
    Community Expert
    Apr 29, 2022 3:45 PM UTC

    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! 

    Translate
    Participant
    Apr 30, 2022 7:34 AM UTC

    Perfect, thanks! It´s working now!

    Translate