cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Show  only  | Search instead for 
Did you mean: 
search
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0
Upvote

Wheel of fortune

Cecilie Eline5C5C
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

569

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

AkinGn Community Expert
Community Expert , 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

...

Votes

Translate

Translate
replies 2 Replies 2
latest latest Jump to latest reply
AkinGn Community Expert
Community Expert ,
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! 

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
Cecilie Eline5C5C
Community Beginner ,
Apr 30, 2022 Apr 30, 2022

Copy link to clipboard

Copied

LATEST
In Response To AkinGn

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
Resources
XD is Crashing
XD is crashing with white screen on Windows
XD is crashing on MAC
Upcoming and ongoing changes in XD
What has changed with XD starter plan
Migrate design system to creative cloud libraries
XD Daily challenge
XD Daily Creative Challenge
Copyright © 2023 Adobe. All rights reserved.
Using the Community Experience League Terms of Use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices