Simple Figma animation in 8 minutes - tutorial

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
    @MinhPhamDesign10 ай бұрын

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

  • @dotpenji
    @dotpenji9 ай бұрын

    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
    @quocbaonguyentran381110 ай бұрын

    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_laughter7 ай бұрын

    This is awesome! 🎉

  • @hamptonpete7905
    @hamptonpete790510 ай бұрын

    Bravo! This is what I need

  • @farnazizad2945
    @farnazizad29453 ай бұрын

    THANK YOU!!

  • @suranga_desilva
    @suranga_desilva10 ай бұрын

    2 minutes of silence for developers Tutorial is excellent 👌 💚

  • @georgkettele6911
    @georgkettele69112 ай бұрын

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

  • @mrxtreme005
    @mrxtreme0058 ай бұрын

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

  • @sethdesign
    @sethdesign10 ай бұрын

    👏🏽

  • @zanatymotion181
    @zanatymotion18110 ай бұрын

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

  • @MinhPhamDesign

    @MinhPhamDesign

    10 ай бұрын

    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 ай бұрын

    After Effects for sure!

  • @gauravw7

    @gauravw7

    10 ай бұрын

    @@aasthagupta5959you can use figma to Lottie plug-in

  • @user-sv6dy8pk2q
    @user-sv6dy8pk2q5 ай бұрын

    Lotty export possible? 😎😎😎

  • @user-ju5jj9fi2o
    @user-ju5jj9fi2o10 ай бұрын

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

  • @rakibulhasan0684

    @rakibulhasan0684

    10 ай бұрын

    convert it to lottie then send lottie links

  • @AmitAgarwal-go3nf
    @AmitAgarwal-go3nf10 ай бұрын

    Lottefiles is more easy for this type of illustration

  • @kanomee

    @kanomee

    8 ай бұрын

    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-hf2ri10 ай бұрын

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