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

155

Likes

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

Adobe Community Professional , Apr 29, 2022 Apr 29, 2022
Hi @Cecilie Eline5C5C , 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...

Likes

Translate

Translate
Adobe Community Professional ,
Apr 29, 2022 Apr 29, 2022

Copy link to clipboard

Copied

Hi @Cecilie Eline5C5C , 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! 

Likes

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!

Likes

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