Animated Image Carousel and Slider using Figma | Image rotator using figma (2022)

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

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

  • @UnknownUser-er1lq
    @UnknownUser-er1lq 2 ปีที่แล้ว +7

    Great vid - Thank you. Although please turn up the volume :)

    • @CreateBeautifulThings
      @CreateBeautifulThings  2 ปีที่แล้ว

      I have worked on that. New videos will have better volume. Thanks for watching

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

    Simple and Neat Explanation... Thank you

  • @opelycorine9582
    @opelycorine9582 5 หลายเดือนก่อน

    MERCI BEAUCOUP, VOTRE TUTO M'AIDE ÉNORMÉMENT THANK YOU

  • @designersis
    @designersis 8 หลายเดือนก่อน

    It's so was great thank you for this good luck

  • @more_swagg8708
    @more_swagg8708 2 ปีที่แล้ว +2

    I've been trying to learn something like this and you made it so easy. Thank you so much.

    • @CreateBeautifulThings
      @CreateBeautifulThings  2 ปีที่แล้ว

      You're welcome. Thank you for watching

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

      Hi, I have a few questions. 1) Designers make feedback sliders in their designs with the same cards (text height, text itself) or cards with content (feedback) of different heights (text height, text itself), how is it correct?? 2) How to make an adaptive slider? 3) The slider cards themselves must be in autoleut, right!?@@CreateBeautifulThings

  • @TwinkleToes_2001
    @TwinkleToes_2001 2 ปีที่แล้ว

    I have rotated on so many tutorials. Thank you so much

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

    Awesome video. Well done

  • @manzirichard2387
    @manzirichard2387 3 หลายเดือนก่อน

    this was what i was looking for🙏🙏🙏🙏

  • @sallymaryan9788
    @sallymaryan9788 2 ปีที่แล้ว

    Thak u for the clear video. Made it so simple ! great tutorial!

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

    very easy way to learn, great job!!

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

    Thank you very much this is a great tutorial

  • @xXxAlexXx
    @xXxAlexXx 2 ปีที่แล้ว

    OMG! You saved me! Thank you very much for this tutorial!

  • @wizart7249
    @wizart7249 2 ปีที่แล้ว

    very useful, thank you maan

  • @suruemmanuel3351
    @suruemmanuel3351 2 ปีที่แล้ว +6

    Nice job but the volume is too down.
    Good job anyways, thanks alot.

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

    good video but the audio is way too low

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

    can you make a video on how to create a 3d circle for tasbih?

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

    Good work. But I am sure there must be an easy way.

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

    I tried this but when I put the frames in a group to put in my main desktop frame it doesn’t work

  • @ענתזך
    @ענתזך 2 ปีที่แล้ว

    I did it!! Thanks!

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

    i have to change it to component. to use on my page?

  • @noumankhan6762
    @noumankhan6762 2 ปีที่แล้ว

    Thanks alot brother, will definitely add this in my project :p

  • @Sindragosa-v6y
    @Sindragosa-v6y ปีที่แล้ว

    please tell me why when using scale vectors are distorted?

  • @FilipBO-t4x
    @FilipBO-t4x ปีที่แล้ว

    Just as a tip. Do these as a component with variants

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

    Thank you...

  • @rakapranata6210
    @rakapranata6210 11 หลายเดือนก่อน +1

    when i tried to click left its messed up

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

    great video sir but your voice is a bit low.

  • @koduruvenkatakalyan1226
    @koduruvenkatakalyan1226 2 ปีที่แล้ว

    Nice Bro

  • @saravanavel9700
    @saravanavel9700 2 ปีที่แล้ว

    Thank you so much

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

    great video, but the sound is very low....

  • @agnelevcenkaityte1379
    @agnelevcenkaityte1379 2 ปีที่แล้ว

    hey, very informative video, one question, how to put this into my page? I tried to copy paste the first one, but when I open from a prototype it's jump to another page

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

      actually it must be all layers without the blue background into a component set after puting all in a frame, thats the only way that works for me, after that start prototyping

  • @Max-Barella
    @Max-Barella 2 ปีที่แล้ว

    Muchas gracias amigo!

  • @Jab7kO
    @Jab7kO 2 ปีที่แล้ว

    Hello there! Great video

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

    it didn't work for me cuz somehow it's only slide the whole frame instead of only images

  • @sandhyaselmon7258
    @sandhyaselmon7258 2 ปีที่แล้ว

    This was very helpful! Question...When I created this, the images in the back don't mover over to the other side without crossing over other images. Do you know why this is happening?

    • @CreateBeautifulThings
      @CreateBeautifulThings  2 ปีที่แล้ว

      Make sure on each frame you rearrange the images positions. That will solve the problem. Thanks for watching

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

      @@CreateBeautifulThings I have the same issue. The frames are rearranged the way they are supposed to but no matter what, the animation only works without crossing in one direction. Do you have a solution for that? (the order I did is exactly the same as in your video)

  • @berlinmitraputra5760
    @berlinmitraputra5760 2 ปีที่แล้ว

    Hi sir can you give tutorial how to create show more content without cut a bottom content, thank u 🤟

    • @CreateBeautifulThings
      @CreateBeautifulThings  2 ปีที่แล้ว

      I don't understand. Could you describe further

    • @berlinmitraputra5760
      @berlinmitraputra5760 2 ปีที่แล้ว

      @@CreateBeautifulThings i mean like this sir th-cam.com/video/6AhU1ACXBU8/w-d-xo.html but when im using like a drop down method, it will be covered the bottom content. which make me to not be able to see the contents below.

    • @CreateBeautifulThings
      @CreateBeautifulThings  2 ปีที่แล้ว

      @@berlinmitraputra5760 Oh I see now. It's actually an easy one. Will make a video about it

    • @berlinmitraputra5760
      @berlinmitraputra5760 2 ปีที่แล้ว

      @@CreateBeautifulThings omg thank u so much sir.

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

      just use autolayout

  • @dunder9444
    @dunder9444 2 ปีที่แล้ว

    hi, awesome tutorial. I have a question, can I export it as GIF?

    • @CreateBeautifulThings
      @CreateBeautifulThings  2 ปีที่แล้ว

      There isn't a direct way in Figma to do this. But if you had designer a slider using the Figmotion plugin, you would be able to export as GIF. That's how I would do it. Thanks for watching

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

    why i can't scrool/swipe if 1-2-3 to 3-2-1

  • @anastasiadamian2948
    @anastasiadamian2948 2 ปีที่แล้ว

    HI. I still have the same issue. The positions are arranged but my cards are sliding over each other.

    • @CreateBeautifulThings
      @CreateBeautifulThings  2 ปีที่แล้ว

      Hello Anastasia. In every new frame I have been changing the layering of each card. That's what you're missing

    • @CreateBeautifulThings
      @CreateBeautifulThings  2 ปีที่แล้ว

      Thanks for watching

    • @anastasiadamian2948
      @anastasiadamian2948 2 ปีที่แล้ว

      @@CreateBeautifulThings Kindly explain. I don't get it.

    • @CreateBeautifulThings
      @CreateBeautifulThings  2 ปีที่แล้ว

      Every time you create a new frame. Go to the left hand panel and rearrange the cards positions. Send some to back and others to front

    • @CreateBeautifulThings
      @CreateBeautifulThings  2 ปีที่แล้ว

      I did that in the video. Please make sure you didn't miss a step because I did that and it worked. It should work for you too

  • @ManadVyas-zq9bc
    @ManadVyas-zq9bc ปีที่แล้ว

    Voice increase in next video

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

    how to use this on single frame??
    pls help some body

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

      In that case you have to create component and create variants in it

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

      @@CreateBeautifulThings i did but this animation doesn't happen ... pls help..or made a video about this

  • @luyentran816
    @luyentran816 2 ปีที่แล้ว

    sr I cant hear it, is there any problem with the voice?

  • @learning.games5257
    @learning.games5257 2 ปีที่แล้ว

    THANKS. The video sound is not much good bro..

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

    My carousel don't slide, just fade

  • @ZatachiTaicho
    @ZatachiTaicho 2 ปีที่แล้ว

    Got to work on that audio my guy

  • @aneta8169
    @aneta8169 2 ปีที่แล้ว

    i did the same as you and doesnt work, have no idea what i am doing wrong ;_;

    • @aneta8169
      @aneta8169 2 ปีที่แล้ว

      buttons doesnt wrong. i used sipmle arrows ->

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

    It's not working

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

    Great video, but you talk so soft that when the ad came I, it nearly killed me.