• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Wheel of fortune

Community Beginner ,
Apr 28, 2022 Apr 28, 2022

Copy link to clipboard

Copied

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!

CecilieEline5C5C_0-1651181013048.png

 

Views

707

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Apr 29, 2022 Apr 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

...

Votes

Translate

Translate
Community Expert ,
Apr 29, 2022 Apr 29, 2022

Copy link to clipboard

Copied

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! 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 30, 2022 Apr 30, 2022

Copy link to clipboard

Copied

LATEST

Perfect, thanks! It´s working now!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines