Spinning Carousel Animation in Figma - Full Tutorial + Free Files! 🎁

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ม.ค. 2025

ความคิดเห็น • 145

  • @frazsohail3012
    @frazsohail3012 ปีที่แล้ว +47

    Please don't stop making longer and detailed videos. You are a gem 💎

  • @anum-atif
    @anum-atif ปีที่แล้ว +1

    ohh my !!! just followed your steps and made this amazing animation. Please never stop making such explanatory videos. Thank you so much for the amazing video.

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      Happy to hear that! I'll keep them coming :)

  • @cjn2109
    @cjn2109 ปีที่แล้ว +1

    Such a content is just brilliant on yt ! :D btw, miming your tutorials is pure fun and feels like humongous dose of knowlege ! Thanks

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thank you! That’s so nice to hear 😊 I’ll keep them coming!

  • @mkchn
    @mkchn ปีที่แล้ว +4

    Just wanted to say thanks for the awesome content on your channel😁😁
    Your videos have been a huge help in developing my skills as a UX Designer, and I recently landed a job in that field thanks in part to your guidance.
    Keep up the great work, and I look forward to your future videos!
    cheers!

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      My pleasure Albani! And thank you so much; I hope I won't disappoint 🤝😁

    • @mkchn
      @mkchn ปีที่แล้ว

      @@uiadrian Thanks!! and im back at social media too!😄

  • @aduralereolusegun4990
    @aduralereolusegun4990 ปีที่แล้ว +1

    Waited so long to get longer videos from you and I am loving it

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      I'm so glad you like it Aduralere! Thanks for the support! 😁

  • @granddieu2078
    @granddieu2078 ปีที่แล้ว +1

    That's really amazing. Please keep making videos like this so newbie like me can learn. Thank you so so much

  • @chillpill610
    @chillpill610 ปีที่แล้ว +1

    wow, just Cool....... feeling greatful to starting my design learning from You ! it really help me in my MERN developer journey too
    Love from INDIA

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      Glad to hear that Krishna! All the best 🙏🏼

    • @chillpill610
      @chillpill610 ปีที่แล้ว

      Pl. If possible then uplaod a playlist of "Learn figma from Scratch to Advance", in which we get know about all the tools of figma 🙂

  • @BLACKCREATIONS-rq3zp
    @BLACKCREATIONS-rq3zp 2 หลายเดือนก่อน

    Thanks man everyone was amazed by seeing this animation you are awesome😍

  • @oluwashinaayomi9737
    @oluwashinaayomi9737 ปีที่แล้ว

    Followed from twitter, i am not disappointed! THANK YOU

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thanks for dropping by! 🤝😁

  • @danicaracas
    @danicaracas ปีที่แล้ว

    Great work and content!!! And thanks again for videos, tutorials and live in this world 😅✌

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thanks Daniel, pleasure all mine! 😁✌

  • @ankitathakuruiux
    @ankitathakuruiux ปีที่แล้ว

    Your content is pure gem 💎 Keeping it free gives access to many of us .. Thank you so much. Keep doing this good work 😊

  • @kingk.2547
    @kingk.2547 ปีที่แล้ว

    I’m glad you’re on TH-cam I watch you on ig

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Glad to be here! :D

  • @fikriadns1688
    @fikriadns1688 ปีที่แล้ว

    Thank you very much for sharing this. You're a good man sir. Love from Indonesia !!!

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      You are very welcome Fikri!

  • @DungBui-mw1ix
    @DungBui-mw1ix ปีที่แล้ว +1

    i love this tutorial
    Thank u Adrian

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      My pleasure brother!

  • @rahul_lsh
    @rahul_lsh ปีที่แล้ว +1

    Your tutorials are so amazing🥲!

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      Glad you like them Rahul! 😁

  • @ned_ray
    @ned_ray ปีที่แล้ว

    Thanks a lot for sharing Adrian. Cool as always 🫡

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      My pleasure! 😁🤝

  • @osunbayoayomide1576
    @osunbayoayomide1576 10 หลายเดือนก่อน

    Thank you so much. I'm new to your page and i was able to re create this.

  • @arjunreddy2556
    @arjunreddy2556 ปีที่แล้ว

    amazing video , were waiting for nxt video ☺

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thank Arjun! 😁👋

  • @wordsthatspeakslife
    @wordsthatspeakslife ปีที่แล้ว +1

    Really enjoyed the yotube video better , because i was following all the way untill i created my own spin ... Thanks man , this was very helpful

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Great to hear Falusi! Happy to help 🙌

  • @adied7725
    @adied7725 ปีที่แล้ว +1

    Just subscribed... Thanks so much for providing the link to this video for figma... I can try now next week to try and play with what I'm trying to achieve
    Thanks so much a big thumbs up from me 👍👍👍👍👍☺️☺️☺️☺️☺️😄

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      No worries! Happy to help :)

  • @RobORourke
    @RobORourke ปีที่แล้ว +1

    Coffee time! Let's go...

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Heck yeah! ☕ = ❤

  • @sepidy
    @sepidy ปีที่แล้ว

    Awesome video, Adrian! 🤩🤩🤩🤩 I chose it for our Day[2/30] April Design Challenge in FigChallenge! We are going to recreate it. Thanks for the resources.🤩🤩

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Have fun Sepideh! :)

  • @muskaanahmed3448
    @muskaanahmed3448 ปีที่แล้ว

    Wow really great tutorial! Loved the process of it, very simple to follow with the way you explain.
    As a beginner in animation I have a silly doubt of how and which format to download the file in. Would be really helpful to know this.
    Thanks again!!

  • @parthsagar8500
    @parthsagar8500 ปีที่แล้ว +1

    Thank you bro and your video is very good 😊👍👍❤🎉

  • @DenisJeliazkov
    @DenisJeliazkov ปีที่แล้ว

    Nice one! Prototyping explored to it's fullest

  • @ravikanthbuddiga5146
    @ravikanthbuddiga5146 ปีที่แล้ว

    Very informative and excellent videos Adrian.👍

  • @CarmenCreates4U
    @CarmenCreates4U ปีที่แล้ว

    Super useful, many thanks, Adrian.

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      You're welcome Adelita! 😊

  • @phoebe_sg
    @phoebe_sg ปีที่แล้ว

    Thank you Adrian. I learned from you a lot. Hope you make more tutorial videos like this 🤩🤩🤩

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thank you, I will Phoebe! 😁🙌

  • @kanchanbhujel5303
    @kanchanbhujel5303 ปีที่แล้ว

    It's awesome i have tried it worked perfectly ❤❤

  • @lovejko
    @lovejko ปีที่แล้ว

    Thank you for the lesson, bro!

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      Any time!

  • @DesignwithRamuk
    @DesignwithRamuk ปีที่แล้ว

    Really useful - I learned that new plugin- Thank You

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      Glad it was helpful Ramuk!

  • @hiteshilohia1756
    @hiteshilohia1756 ปีที่แล้ว

    Thanks for this video...nicely explained and I was able to recreate this. 🤘

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Most welcome 😊 glad it helped!

  • @Ammad.nadeem
    @Ammad.nadeem ปีที่แล้ว

    This is Amazing man! please keep making these videos. and make full figma advance course here on youtube also!

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thanks! Will do!😁

  • @idealista9401
    @idealista9401 ปีที่แล้ว

    thank you very much! ❤ looking forward for new videos! I'm new in animation and iyour videos are very useful for me :)

  • @raphaelarecanelli4312
    @raphaelarecanelli4312 ปีที่แล้ว

    What an amazing video. Don't stop with the tutorial plzzz 😊😊

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      No worries Raphaela! I'll keep them coming! 😁

  • @meritjoy6912
    @meritjoy6912 ปีที่แล้ว

    Thank you so much for this tutorial, it really help a lot

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      You're very welcome!

  • @vibez6271
    @vibez6271 ปีที่แล้ว

    Thank you so much for sharing your knowledge bro. Truly grateful 🙏 ❤

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      My pleasure :)

  • @LanceMonarch
    @LanceMonarch ปีที่แล้ว

    Thanks for your content it's really helpful

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      No problem! Happy to help 🙏😊

  • @vishnuvp8538
    @vishnuvp8538 ปีที่แล้ว

    Awesome video bro ❤ i recreated all design

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Nice work! Hope it was helpful :)

  • @Study_Serenade
    @Study_Serenade ปีที่แล้ว

    Really impressive work!! Next time plz make a 3d website with different hover effect or make a cool website playing with gradient

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Cool idea! I’ll create an animated mesh gradient tutorial next!

  • @wisdomugonwokoma
    @wisdomugonwokoma ปีที่แล้ว +1

    Thanks for this 💯👏👏👏.. amazing

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      My pleasure! 🫶

  • @Yuki_Blooming
    @Yuki_Blooming 10 หลายเดือนก่อน

    Thank you greatly! Could you please create more videos like these, with comprehensive details?❤

  • @khashayardarkes1647
    @khashayardarkes1647 ปีที่แล้ว

    Easy learning,thank you

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Glad you liked it! 😊

  • @AsadUllah-hj6cc
    @AsadUllah-hj6cc ปีที่แล้ว

    Very good tutorial and clearly explain

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      Thanks Asad! Glad you liked it 👍

    • @AsadUllah-hj6cc
      @AsadUllah-hj6cc ปีที่แล้ว

      I like your tutorials and I have found your channel newly

  • @gungunparakh
    @gungunparakh ปีที่แล้ว

    Really helpful!! ❤

  • @ZaynEllis
    @ZaynEllis ปีที่แล้ว

    The video is Amazing🤩

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thanks Zayn! ❤

  • @suniljadhav1889
    @suniljadhav1889 ปีที่แล้ว

    Really great...Thanx bro

  • @UmarFarooq-jm2ky
    @UmarFarooq-jm2ky ปีที่แล้ว

    Okay, I will try to design this. Coming soon, I will mention you on LinkedIn.

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Sounds great Umar! Good luck 🤞

  • @sethcorner
    @sethcorner ปีที่แล้ว

    Nice, i love it

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thanks a lot! :)

  • @ronabae8343
    @ronabae8343 ปีที่แล้ว

    Thank you 😊

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      You're welcome 😊

  • @traveseus
    @traveseus 10 หลายเดือนก่อน

    Do you have any videos showing how to take the Figma prototype to a Wordpress/webflow or custom code website?

  • @mr.meraj.0078
    @mr.meraj.0078 ปีที่แล้ว

    Hello sir I am new i watch your video very helpful me thanks

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      Always welcome 😊

  • @designiya
    @designiya ปีที่แล้ว

    Adorable

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thank you :)

  • @amitkumarbhatt1101
    @amitkumarbhatt1101 ปีที่แล้ว

    Hey Adrian, I want to start my career in UI Designing. Please guide me how to start.

  • @vocongnguyen1345
    @vocongnguyen1345 6 หลายเดือนก่อน

    Thanks you so much ❤

  • @raulzilahi3063
    @raulzilahi3063 ปีที่แล้ว

    Nice!

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thank you! Cheers Raul!

  • @Alisa-inspiration
    @Alisa-inspiration ปีที่แล้ว

    Great tutorial! I tried to do the spinning slider in frames and put it to the main page but for some reason the animation isn’t working ☹️

  • @wes_333
    @wes_333 ปีที่แล้ว

    Hey, this is really dope! I'm new to Figma etc. and I'm a bit lost on how to turn this into an actual website? Cheers

  • @chinenyeobojiofor2782
    @chinenyeobojiofor2782 ปีที่แล้ว

    Thank you boss

  • @austindavid8703
    @austindavid8703 ปีที่แล้ว

    I love your videos, but please what software do you use in your making your videos please

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thanks Austin! I use screenflow and premiere pro 😊

  • @fredbdh
    @fredbdh ปีที่แล้ว

    Good Job

  • @ayishashajahan496
    @ayishashajahan496 ปีที่แล้ว

    This tutorial is really helpful and amazing but my doubt is it possible to develop
    Someone plz explain

  • @harshkhandelwal540
    @harshkhandelwal540 6 หลายเดือนก่อน

    Can we transfer it to wix to make a functional website?

  • @adityatiwari9725
    @adityatiwari9725 ปีที่แล้ว

    Can we make this animation without putting in a frame, like a component?

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      You can, just wrap your component into a frame before rotating it, otherwise it won't work!

  • @fotogram_europe
    @fotogram_europe ปีที่แล้ว

    Is it possible to make the spin work on to the direction of the drag. If I drag left to spin to the left and if I drag right to spin to the right?

  • @talabbyl
    @talabbyl ปีที่แล้ว

    How can I switch the pictures out not using a plugin? Everytime I try to switch the photos it doesn't paste well :/

  • @OfficiaManish1
    @OfficiaManish1 ปีที่แล้ว

    Gem 💎

  • @Salafi-dg8el
    @Salafi-dg8el ปีที่แล้ว

    I'm unable to download the starter files. It says this file is now longer availble for sale.

  • @emeriterusty7527
    @emeriterusty7527 ปีที่แล้ว

    Can you talk about name’s tokens in figma un détail vidéo like this plz😭😭😭

  • @inspired.success1
    @inspired.success1 9 หลายเดือนก่อน

    I want to be like you period 😂

  • @technical.legend
    @technical.legend ปีที่แล้ว

    What the hell dude. Do u know how hard the developers will have to work on it!

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Is this going into development? Nope! And even if it did, if a client requested it then it would be fairly compensated 🙌
      Besides, I had one developer reach out and replicate it in 5 hours so it depends on the developer

  • @damnft8218
    @damnft8218 ปีที่แล้ว

    I presume we can add our own content such as videos and photos instead of using stock

  • @SanneElyy
    @SanneElyy 2 หลายเดือนก่อน

    How to convert it to become a website?

  • @wargamers8748
    @wargamers8748 11 หลายเดือนก่อน

    7:45 Oh your coffee gets cold😅

  • @aregkaroyan1234
    @aregkaroyan1234 ปีที่แล้ว

    who could develop this in react ? or maybe found already made mad in carousel ?

  • @reshmababu7466
    @reshmababu7466 11 หลายเดือนก่อน

    I don’t know what I’m doing wrong but the prototype is not smooth. And I can’t get the 1st page transition 🙄☹️

  • @raphaeleskandar1715
    @raphaeleskandar1715 ปีที่แล้ว

    How to export this animations from figma?

  • @aashilshah5442
    @aashilshah5442 ปีที่แล้ว

    I want to add this un WordPress website,
    How i do
    Can u help me?

  • @BEYONDPREMIERE
    @BEYONDPREMIERE ปีที่แล้ว

    the question I have is how one deploy this?

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      There was a comment left by one developer on my Instagram saying that this works like any other carousel (just with added rotation property). And the intro animation could be created with a GSAP timeline autogenerated for each slide. "A couple of days" of work, he said

    • @BEYONDPREMIERE
      @BEYONDPREMIERE ปีที่แล้ว

      @@uiadrian haha thanks for the reply a couple of days you say...

  • @Lily-q4p2e
    @Lily-q4p2e 9 หลายเดือนก่อน

    can I have the file link? pleaz

  • @neelamgawande111
    @neelamgawande111 ปีที่แล้ว +1

    free source files are no longer available :(

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      Yes, I had a few problems with the files but they're back online!

  • @vanshkhanvilkar
    @vanshkhanvilkar ปีที่แล้ว

    How to download this animation

  • @suryajayarajan42
    @suryajayarajan42 ปีที่แล้ว

    how to make it to a real website in wordpress. How to export it to wordpress for portfolio template

  • @arjunreddy2556
    @arjunreddy2556 ปีที่แล้ว

    and can you say best fonts in figma

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Inter, Satoshi, Gopher, General Sans, and SF Pro are my favorites 🙌

  • @hirushanmenuka4636
    @hirushanmenuka4636 ปีที่แล้ว

    this free downlode file links expired

  • @Muhammad-Saim-Rajpoot
    @Muhammad-Saim-Rajpoot ปีที่แล้ว

    Im coding it ! wish me good luck........ Fiver....

  • @matioz9125
    @matioz9125 ปีที่แล้ว

    Ok nini

  • @MonuKr-f8i
    @MonuKr-f8i 6 หลายเดือนก่อน

    1:35

  • @mikhailov2286
    @mikhailov2286 4 หลายเดือนก่อน

    Thomas Patricia Hall Linda Perez Christopher

  • @samueladigun2686
    @samueladigun2686 ปีที่แล้ว

    Thank you!