Figma Smart Animate Carousel + Free Design File

Поділитися
Вставка
  • Опубліковано 11 вер 2022
  • Try Figma today: psxid.figma.com/4z5lcs9ss512
    In this video, you will learn everything you need to know how to make an interactive carousel prototype using Figma, Interactive components, and smart animate.
    Link to the free design file: www.figma.com/community/file/...
    In this video I use a couple of plugins, however, these are not required:
    • Unsplash
    • Generate Placeholder Text
    Please let me know any comments, questions and feedback in the comments below.
    These videos are time-consuming to make as they require a lot of planning and editing. Please do share them with friends, family, colleagues and anyone else you thing may benefit.
    Hope you enjoy and learn something new today.
  • Розваги

КОМЕНТАРІ • 22

  • @user-tc6eg7rr3m
    @user-tc6eg7rr3m Рік тому +1

    Thank you so much! I've been looking for how to make this carousel for so long... And thanks for the detailed explanation! The best tutorial!

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

    have been so frustrated for more than a week trying to sort this...thank you so much very detail and your patience is topnotch.. good 👍 good chief

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

    THANK YOU SO MUCH FOR THE FIGMA FILE!

  • @riccemorales9647
    @riccemorales9647 5 місяців тому +1

    Thank you for this!

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

    thank you very much! It was a very detailed tutorial, I learned a lot!

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

    This is EXTREMELY helpful and just what I need! Thank you so so much!

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

      Glad it helped. Please do share this video with others

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

    Thank You so much !

  • @gadcompany-gy7vy
    @gadcompany-gy7vy Рік тому +1

    Thank you very much, no one explained it like you, I couldn't do it for 3 days

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

    Best lesson about figma carousel, thank you so much for this tutorial.

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

      Glad you liked it! Please share with others that may find it useful

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

    Thank you

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

    I was searching for this carousal for so long..Thank you so much💌

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

      I was going to say that on till I saw your comment, have been so frustrated for more than a week trying to sort this😀.

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

      @@stanleyeric9780

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

    Incredible video!!! The tutorial was so detailed and very helpful! I've been trying to figure out for days why my carousels weren't working and it was exactly the prototyping from the frame problem. Thank you so much!

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

    Hi, great video. I have a question though. Did you find out how to make this carousel infinite so it slides from slide 4 to 1 and from 1 to 4 so one doesn't have to swipe back and can swipe for example right constantly?

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

    Nice tutorial!
    I've tried here and the pagination is not static, it moves together with the image while changing to the other state through smart animate.
    Do you know what I could possibly be doing wrong?

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

    how to make it to animate itself like a GIF or something without pressing it? Its for the portfolio purpose

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

    For some reason, while prototyping, some of my Media files keep scrolling without actual scrolling animation. So drag action is what triggers the frame changes, but the animation is still looking like I and instant change. At the very same time my next media file will react to drag action with proper dragging animation. I quarter checked every setting and made sure that I prototype actual Media files, not frames. I also can not find any differences between the picture that doesn't work and the picture that works perfectly fine. Can't figure out the issue. Maybe you've encountered smth like that before?

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

    How did you align Pagination in frame 16 in the shortcut? time in 13:16