Тёмный

Infinite Rotation Animation with Figma interactive components 

Felix Ayoola
Подписаться 383
Просмотров 77 тыс.
50% 1

Опубликовано:

 

10 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 59   
@UpNorthProductions
@UpNorthProductions Год назад
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.
@sarahigbinosa3004
@sarahigbinosa3004 Год назад
OMG! Thank you for this. This is why I enjoy reading the comment section for hidden gems. Using linear made it smoother.
@vipulsuthar3796
@vipulsuthar3796 7 месяцев назад
Thanks a lot!!!
@odaicletpiccinini2934
@odaicletpiccinini2934 4 месяца назад
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.
@loomonda18
@loomonda18 Год назад
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)!
@BrandiHess13
@BrandiHess13 7 месяцев назад
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.
@Yuchelstheanalyst
@Yuchelstheanalyst Год назад
You are a life saver. I finally got my text to rotate.💃🏽💃🏽💃🏽
@nixas1819
@nixas1819 11 месяцев назад
Ive done the exact same thing as in this tutorial but I cant get it to work. Dont know why :/
@lokiakhdaybhangrapal
@lokiakhdaybhangrapal 2 года назад
The text doesn't rotate in circular motion when I press play. can you help? Not sure what I am missing.
@ilesanmioluwaseun9112
@ilesanmioluwaseun9112 2 года назад
Same here too. I have been trying for hours now and I have watched the video all over again to see if I was missing something.
@Nats-724
@Nats-724 2 года назад
@@ilesanmioluwaseun9112 @Daania Rao May at the "Prototype" you will see the "Show prototype settings", when you click it, will see the checked off "Enable interactive components". so if you check it, should be work. mine was that problem. I don't know why figma has that function...
@khoatran9469
@khoatran9469 Год назад
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
@peacenature827
@peacenature827 8 месяцев назад
finally i got from here..thank you for helpful tutorial..
@carolineseandersen454
@carolineseandersen454 Год назад
I'm not able to check off the "Enable interactive components." Only "Device" and "Background" are displayed in my menu. How can that be?🤔
@timotheegros-desormeaux2831
@timotheegros-desormeaux2831 9 месяцев назад
Hello, thank you for this tutorial. It is not rotating for me. It just fades to the next position... Any ideas ?
@StrangeCat69
@StrangeCat69 5 месяцев назад
You can make an endless animation without stops just by changing the animation type from "Easy out" to "Linear"
@darelnc1422
@darelnc1422 9 месяцев назад
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)
@edking5125
@edking5125 2 года назад
Mine doesn't seem to rotate, all the settings are the same, weird eh
@amithvenkataramaiah928
@amithvenkataramaiah928 2 года назад
Messing with the Smart Animate timing worked for me
@ayoolafelix
@ayoolafelix Год назад
You might be missing something, kindly check again.
@kenneumann4900
@kenneumann4900 Год назад
thx exactly what i nedded
@elisabeth.isabella.h
@elisabeth.isabella.h 2 года назад
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?
@saliemantoon6213
@saliemantoon6213 Год назад
Right click on it..main component..add variant
@ayoolafelix
@ayoolafelix Год назад
@@saliemantoon6213 thanks. Elisabeth, did this work?
@the-flying-owl
@the-flying-owl Год назад
Thank you Felix.
@adied7725
@adied7725 2 года назад
set up the same but timing is delayed ....it jumps? settings 1ms sec delay animation 4000
@boski.creations
@boski.creations Год назад
thank you sooo much!! It was a really helpful tutorial😀😀😃😃
@nazrinnasimiart
@nazrinnasimiart 2 года назад
hi, it worked out but did not rotate infiinitely.
@user-vt6ji3uu7k
@user-vt6ji3uu7k 10 месяцев назад
Thanks for this!
@ahmeddoghri1576
@ahmeddoghri1576 29 дней назад
Love the accent!
@user-no7uy3tz7c
@user-no7uy3tz7c Год назад
Thanks! great tutorial
@Prabh_cc
@Prabh_cc 2 месяца назад
ya thats it.... ya thats it.... ya thats it.... ya thats it.... ya thats it.... ya thats it.... what was that
@Mister.Keating
@Mister.Keating 2 года назад
This did not work, you didn’t spin it in the golden rectangle
@user-ny1cs1vi9q
@user-ny1cs1vi9q Год назад
How did you duplicate the thing at 4:06-4:08?
@HA-bs2hu
@HA-bs2hu Год назад
same question
@0xsmithx0
@0xsmithx0 Год назад
shift +a
@annevaleriee
@annevaleriee 9 месяцев назад
He created an instance, hold down the ALT key and drag the image into the frame
@DDashit
@DDashit 2 года назад
thank you!
@nathanielluckysmith4504
@nathanielluckysmith4504 2 года назад
Thanks Alot really helpfull
@syamili5381
@syamili5381 Год назад
thank you brother
@Minakann
@Minakann Год назад
How did you get to the animation frame?
@ParallaxC137
@ParallaxC137 Год назад
select the object, press SHIFT + A
@aPositiveDay7
@aPositiveDay7 2 года назад
Mine never work... lol Why....
@jambonbeurre2023
@jambonbeurre2023 2 года назад
Me too, I did everything as it shows and it doesnt animate
@adeyeratriumph6497
@adeyeratriumph6497 2 года назад
Wow, thanks boss 🙌
@ayoolafelix
@ayoolafelix 2 года назад
You are welcome
@oZenakos
@oZenakos 2 года назад
cheers mate
@erfin704
@erfin704 Год назад
thanks
@shivambankar1079
@shivambankar1079 2 года назад
its not working , dunno why!! !
@nnanadavid9676
@nnanadavid9676 Год назад
Why are we creating components?
@ayoolafelix
@ayoolafelix Год назад
Because it makes it easy to reuse them
@user-fi8tl8ym6r
@user-fi8tl8ym6r Год назад
how to export this animation into gif or svg for apply in app
@StrangeCat69
@StrangeCat69 5 месяцев назад
Lottifiles extension
@МаркКулезин
@МаркКулезин 2 года назад
you are awesome
@calmingthemind599
@calmingthemind599 Год назад
for me it's not animated
@c.k.h.355
@c.k.h.355 27 дней назад
no longer works aug 2024
@lepermessia4
@lepermessia4 10 месяцев назад
thnx
@khadijatbakare4050
@khadijatbakare4050 2 года назад
It is very nice
@adesinaoluwasanmi5793
@adesinaoluwasanmi5793 2 года назад
great one
Далее
Create an Animated Loading Wheel Component in Figma
8:47
Horizontal & Vertical Scrolling | Figma Tutorial
5:42
Просмотров 805 тыс.
Как вам наши образы?🥰🥰🤍🤍
00:10
Они захватят этот мир🗿
00:48
Просмотров 798 тыс.
How to design circle ring loading spinner in Figma
2:50
Website Animations Using ONLY Figma
15:21
Просмотров 281 тыс.
Creating Text Animations in Figma: Tutorial & Tips
9:24
Scroll Animations in Figma! (Without scroll support)
22:56