Infinite Rotation Animation with Figma interactive components

preview_player
Показать описание

Рекомендации по теме
Комментарии
Автор

Thanks for great tutorial! I found that if you use "Linear" instead of "Ease Out", the transition is less jumpy, especially when going back to the original component.

UpNorthProductions
Автор

For those struggling like me, after you create your variants, do command + D then alt + drag variant into the frame where you want it displayed. Also, Felix -- THANK YOU so much for making this video! I appreciate your explanations and details a lot.

odaicletpiccinini
Автор

Thank you for the tutorial and thank you for clarifying you need to make sure you're clicking on the element itself, rather than the frame! So if anyone is having issues, make sure to double check that part! This even works on any element (I rotated stars)!

loomonda
Автор

Thank you for this. I've been trying to figure out how to create a looping animation and this video was very easy to follow and recreate.

BrandiHess
Автор

Thanks buddy for your tutorial😇 It was so helpful for me.

blueeyeten
Автор

How did you duplicate the thing at 4:06-4:08?

SimranChabria
Автор

This is great, thanks for the tutorial. When it hits the 4 variant, resets and does the loop bounce back in reverse, so is not really infinite loop. Any ideas to make it infinite?

CarlaPerez-gv
Автор

You can make an endless animation without stops just by changing the animation type from "Easy out" to "Linear"

StrangeCat
Автор

The text doesn't rotate in circular motion when I press play. can you help? Not sure what I am missing.

lokiakhdaybhangrapal
Автор

You are a life saver. I finally got my text to rotate.💃🏽💃🏽💃🏽

AnalystYuchels
Автор

Hello! Thank you for this Video. I have a question: I have problems with the step at 00:40... creating variants. In the newest Figma-Version there don't appear more frames so it wasn't possible for me that 4 versions appear like it happens in your Video. Could you help me please?

lissi.haberschrick
Автор

Ive done the exact same thing as in this tutorial but I cant get it to work. Dont know why :/

nixas
Автор

To whoever did everything and yet the animation doesn't start when pressing play. You have to press the RESTART btn at the bottom right (key R)

darelnc
Автор

Mine doesn't seem to rotate, all the settings are the same, weird eh

edking
Автор

thank you for your video, spent 2 days to find the error why i set rotation but it's not active. i set rotation for variant, now i can solve it

khoatran
Автор

Hello, thank you for this tutorial. It is not rotating for me. It just fades to the next position... Any ideas ?

timotheegros-desormeaux
Автор

hi, it worked out but did not rotate infiinitely.

nazrinnasimiart
Автор

set up the same but timing is delayed ....it jumps? settings 1ms sec delay animation 4000

adied
Автор

I'm not able to check off the "Enable interactive components." Only "Device" and "Background" are displayed in my menu. How can that be?🤔

carolineseandersen
Автор

finally i got from here..thank you for helpful tutorial..

peacenature