Figma Carousel Animation in 8 Minutes

Поділитися
Вставка
  • Опубліковано 30 лис 2024

КОМЕНТАРІ • 103

  • @DesignWithArash
    @DesignWithArash  Рік тому +2

    👉 Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons):
    bit.ly/43v79vX

  • @Alikk784
    @Alikk784 7 місяців тому +7

    this is literally the only video tutorial for material 3 carousel out there. Thank you man thanks alot

  • @Mandeepsingh-mh1lc
    @Mandeepsingh-mh1lc 8 місяців тому +2

    Starting to learn UI/UX design. To get inspiration, watch this video. I don't understand what he's doing 😄.

  • @davidkunugi5607
    @davidkunugi5607 Рік тому +6

    Can you please show how you added more than three images to the carousel like the example at the beginning of the video?

  • @paulinenguyen6755
    @paulinenguyen6755 4 місяці тому +1

    can you make one with more than 3 pictures?

  • @bangmihon
    @bangmihon Рік тому +2

    This is so insightful. Appreciate you bro.

  • @omoteniola9764
    @omoteniola9764 Рік тому +6

    This is so insightful. Thank you arash🎉🎉 Please how can I apply for your live animations master class

    • @DesignWithArash
      @DesignWithArash  Рік тому +2

      No problem. Do you mean my Prototyping course?

    • @omoteniola9764
      @omoteniola9764 Рік тому +1

      I just want to learn more animations and be good at it. So i want to know if you have a live class for it

    • @gauravrokade4027
      @gauravrokade4027 Рік тому

      ​@@DesignWithArash can I get ur ui ux design course link

  • @ParthLohomi
    @ParthLohomi Місяць тому

    Thank you -- this is very very helpful!

  • @shaysframe1472
    @shaysframe1472 3 місяці тому

    Thank you you're a legend!

  • @tayyabsohail8823
    @tayyabsohail8823 Рік тому

    Today I read material design this new features and how it actually design in figma from your channel awesome bro this is valuable thing for us.

  • @dorianneetive8726
    @dorianneetive8726 6 місяців тому

    I really like the way you explain things. It is simple and easy to understand. Thank you!

  • @MssJenfe
    @MssJenfe 20 днів тому

    MY HERO

  • @mohadesehnabizadeh5491
    @mohadesehnabizadeh5491 Рік тому +1

    your videos are very helpful & I'm really inspired by your work. thank you Arash

  • @ahumblerequest5222
    @ahumblerequest5222 Рік тому +1

    I want this effect in after delay, is it possible ?

  • @PrasadVarshanMusic
    @PrasadVarshanMusic 11 місяців тому

    thanks mate for this wonderful lesson, now im going to use it onto my project

  • @chekwubeokonkwo1543
    @chekwubeokonkwo1543 Рік тому

    Hi Arash your videos has helped me a lot in design thank you so much

  • @Tarek_sky
    @Tarek_sky Рік тому

    It was a good one. I am trying it to replicate the style myself.

  • @lionelmourya
    @lionelmourya Рік тому +1

    Sir you video was very good and I have tried it also but I would like to say that please say slowly while explaining the prototype part 😅 it was bit confusing and I have to rewatch the part relativity... Other than that thanks 🙏

  • @A_sudden_stranger
    @A_sudden_stranger 2 місяці тому

    Damnnnnnnn!!!!!!!!!!!!!!!! it's so helpful

  • @JolandaRizzi
    @JolandaRizzi 7 місяців тому

    Thank you 🙏🏽 you just saved my life 😂

  • @Trina18
    @Trina18 Рік тому

    this is so amazing and it works perfectly, thank you so much :)

  • @jimenadiazguzman2045
    @jimenadiazguzman2045 5 місяців тому

    how do you make the horizontal navigation?

  • @k.kaiserahmed8013
    @k.kaiserahmed8013 Рік тому

    As expected, this is op 🎉🎉🎉🙌🙌

  • @emanhamed3855
    @emanhamed3855 Рік тому

    I love it thank yoooou ❤️❤️ love to see more 👏🏻👏🏻👏🏻

  • @BeatrizMarques80
    @BeatrizMarques80 Рік тому

    I love your videos, you make it seem really easy, love that, thanks!!

  • @TheBatman_101
    @TheBatman_101 Рік тому +1

    but what if i want to put my pics in the same form but instead of 3 I have more than 8 pics, max to max 10 pics, I want to show them in the same way you shown in the video sir, how will I do that for multiple pics

    • @pakaradeek
      @pakaradeek 10 місяців тому +1

      U can do so by putting extra frame behind the component

  • @carlosmed_
    @carlosmed_ Рік тому +2

    Quick question, why do you utilize frames over actual shapes inside a frame? I've noticed you tend to use them over shapes and was curious if it helps with the clipping, animations, or if there's some other reason.

    • @DesignWithArash
      @DesignWithArash  Рік тому +4

      That's a great question. For a variety of reasons. Frames are more flexible. They give you more options in terms of constraints. There are other reasons that are too technical to explain here but I may create a video about it.

    • @carlosmed_
      @carlosmed_ Рік тому

      @@DesignWithArash Ahhh ok! Idk why i was always under the assumption that frames were just used to frame devices. Now I'm realizing that they have more of a universal aspect of it. A video would definitely be cool as to when to use frames vs shapes. I have a basic understanding but would be cooled regardless. Thanks again for the awesome videos.

  • @nigarjabrayilova8064
    @nigarjabrayilova8064 Рік тому

    when you add text in the frame you say to add another auto layout what is the first auto layout?

  • @MacarenaGuzmán-l6e
    @MacarenaGuzmán-l6e 9 місяців тому

    thank you for sharing!!!

  • @alyonastepanova8627
    @alyonastepanova8627 10 місяців тому

    Thank you so much ☺

  • @alexeytretina
    @alexeytretina Рік тому

    Very cool way of using components!

  • @Hustl3rGame
    @Hustl3rGame Місяць тому

    Great

  • @chimmy3035
    @chimmy3035 Рік тому +1

    How to add more images in that carousel.

  • @mahmoudrezamohammadnejad8286

    ببخشید یک سئوال دیگه ، اگر تعداد تصویرها بیشتر بود مثلا شش عدد پروتوتایپ را چطور بدیم که همه تصاویر هر شش حالت ( سایز ) را داشه باشند ؟ اصولا لینک این شش تصویر باید با قاعده ای انجام بشه یا اینکه میتوان رندم به هم وصل کرد ؟ سپاس

    • @DesignWithArash
      @DesignWithArash  Рік тому +1

      در اون صورت باید تصویر ها از فریم اصلی خارج بشن و تصویر های جدید بیان که یک مقدار پیچیده تر میشه. یک ویدیو در این رابطه دارم. لطف کنید لینک زیر رو چک کنید.
      ua-cam.com/video/bQ9DS4G9FB8/v-deo.html

  • @PrasadVarshanMusic
    @PrasadVarshanMusic 11 місяців тому

    if i want to make this carousal for more than 3 images, then what should i need to do??

    • @DesignWithArash
      @DesignWithArash  9 місяців тому +1

      You just need to make the frame bigger and duplicate one of the slides and adjust its size.

    • @abhidraws
      @abhidraws 9 місяців тому

      @@DesignWithArash with all of them being fixed width? or fill container? and should the last frame be the largest??

  • @Dhiiraj0408
    @Dhiiraj0408 Рік тому +1

    amazing

  • @hellomovies1456
    @hellomovies1456 Рік тому

    Hello can you plz tell me how to prototype video export in figma full hd quality?

  • @fauzannadeem1569
    @fauzannadeem1569 Рік тому +1

    Is this possible for the developers ?

  • @xxtankiesharpxx-gaming7334
    @xxtankiesharpxx-gaming7334 Рік тому

    Thanks Bro.

  • @melquizedec
    @melquizedec 6 місяців тому

    I dont get ti... why Material Design is not ready for this?

  • @bellanight96
    @bellanight96 Рік тому

    Ti amo❤

  • @MayurCreativeStudio
    @MayurCreativeStudio 3 місяці тому

    The Tutorial is Really Good But It is Very Tough

  • @MichelleMachado-f2q
    @MichelleMachado-f2q 10 місяців тому

    Thank yoou!!

  • @mahmoudrezamohammadnejad8286

    سلام ، در قسمت پروتوتایپ نمیشه از حالت افتر دیلی استفاده کرد ؟ سپاس

    • @DesignWithArash
      @DesignWithArash  Рік тому +1

      نه برای این کرسل چون برای این کرسل باید بتونین عکس هارو خودتون حرکت بدین.

  • @rp.azarias
    @rp.azarias Рік тому

    why theres no resize option after i created variants?

  • @abhinavpawar6794
    @abhinavpawar6794 Рік тому +1

    Hey I tried your Prototype was 90%Done🎉but last corousal item was not that fluid 🤗

  • @psyntist5620
    @psyntist5620 Рік тому

    how to add multiple pics like in the beginning of the video?

    • @DesignWithArash
      @DesignWithArash  Рік тому +1

      You just need to add more frames to it with different sizes.

    • @psyntist5620
      @psyntist5620 Рік тому +2

      @@DesignWithArash Yes I tried and found myself in a very messy situation😂

  • @jeppe7275
    @jeppe7275 Рік тому

    Did you ever actually code it, it is beautiful but i have a hard time putting it into code 😛

  • @carotina1986
    @carotina1986 Рік тому

    thank youuuuuuuuuuuuuuuuuuuu

  • @mohebanwari1832
    @mohebanwari1832 Рік тому

    its the persian accent thats killen me man. hahahah

  • @mahmoudrezamohammadnejad8286

    Great

  • @malejarivera1029
    @malejarivera1029 Рік тому +2

    It is nothing like the example. It would be better to teach what you show in the example.

    • @AdorableEbony
      @AdorableEbony Рік тому +1

      It's the exact thing he demonstrated. Just take enough time to view and practice as you're viewing it

    • @amangadpale9284
      @amangadpale9284 Рік тому

      Sorry I went deep into your account, you like 90s rock?

  • @TahaKargozar-g6q
    @TahaKargozar-g6q 11 місяців тому

    مرسی

  • @lilou8711
    @lilou8711 Рік тому

    Merci

  • @didiademoroti3897
    @didiademoroti3897 Рік тому

    Hi Arash, can you make an infinite scrolling video please? One for text and One for the brand logos that scroll at the bottom of a page that shows the websites clients. I hope that makes sense! Thank you in advance! :)

  • @nicolasbrun9795
    @nicolasbrun9795 9 місяців тому

    NO WORK

  • @YoLoSiH
    @YoLoSiH Рік тому

    its no work brouh

  • @malejarivera1029
    @malejarivera1029 Рік тому +8

    Can you please show how you added more than three images to the carousel like the example at the beginning of the video?