Simple Figma animation in 8 minutes - tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 มิ.ย. 2024
  • Join my Patreon to get access to this Figma file: / figma-looped-87661956
    --
    0:01 intro
    0:13 Layers setup
    1:43 Animation states Setup
    3:11 State transition
    6:16 Complete the animation cycle
    7:10 Add extra motion

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

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

    Join my Patreon to get access to this Figma file: www.patreon.com/posts/figma-looped-87661956

  • @dotpenji
    @dotpenji 9 หลายเดือนก่อน +2

    Hey there! Your tutorial on creating animations in Figma is fantastic. I really appreciate how you broke down the process step by step, making it easy to follow along. One key takeaway for me was the importance of keeping the illustration well-organized with separate groups and layers, especially for the animated parts like legs and the bicycle. It simplifies the animation process and keeps things manageable. Keep up the amazing work!

    • @user-bc8vt1kf6l
      @user-bc8vt1kf6l 8 หลายเดือนก่อน

      Fantastic! This is precisely what I'm looking for.

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

    Cảm ơn anh đã đóng góp những video bổ ích cho cộng đồng, mong anh ra nhiều video hướng dẫn các animate prototype thú vị như thế này nhiều hơn nữa ạ. Chúc anh và gia đình nhiều sức khỏe !

  • @fatal_laughter
    @fatal_laughter 7 หลายเดือนก่อน

    This is awesome! 🎉

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

    Bravo! This is what I need

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

    THANK YOU!!

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

    2 minutes of silence for developers
    Tutorial is excellent 👌 💚

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

    Great tutorial - but how do you export it? Screenrecording?

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

    Please make a video on pasting the animation to a website on figma???

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

    👏🏽

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

    Which one is better for animation figma or after effects and what is the diffrecnt

    • @MinhPhamDesign
      @MinhPhamDesign  10 หลายเดือนก่อน +1

      After Effects is obviously way better, Figma is only handy when you want to make simple UI/illustration animation for prototype purposes

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

      Is there any way to download this animation to the local storage? I mean, how can I use this while developing the website?

    • @andrearusky
      @andrearusky 10 หลายเดือนก่อน +1

      After Effects for sure!

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

      @@aasthagupta5959you can use figma to Lottie plug-in

  • @user-sv6dy8pk2q
    @user-sv6dy8pk2q 5 หลายเดือนก่อน +1

    Lotty export possible? 😎😎😎

  • @user-ju5jj9fi2o
    @user-ju5jj9fi2o 10 หลายเดือนก่อน

    After doing this, how do we hand-off to developers?

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

      convert it to lottie then send lottie links

  • @AmitAgarwal-go3nf
    @AmitAgarwal-go3nf 10 หลายเดือนก่อน +1

    Lottefiles is more easy for this type of illustration

    • @kanomee
      @kanomee 8 หลายเดือนก่อน +1

      sometimes some people just use Figma cuz it basically can do everything, even though it might not be as good as the other specialized tools. for me, i use Figma animation to do a quick imagination so that my team can understand what I'm trying to visualize

  • @LeeoProduction_AI-hf2ri
    @LeeoProduction_AI-hf2ri 10 หลายเดือนก่อน

    Lấy ảnh Gif đưa vào chứ làm thế nào khổ vl anh ơi