Day to night toggle animation | Figma to Lottie. No After Effects Needed!

Поделиться
HTML-код
  • Опубликовано: 29 ноя 2024

Комментарии • 18

  • @InadHussein
    @InadHussein Год назад +3

    Loved this tutorial Sapta!
    You actually dont need to create two separate animations for this toggle. Developers just need to set direction of animation in Lottie player to play it in reverse direction.

  • @rahmataulia
    @rahmataulia Год назад

    sapta! thx for the tutorial, this 40mnt+ has change my life

  • @HandbookPod
    @HandbookPod Год назад +1

    Found you via LottieFiles, just subbed and looking forward to learning more from you on here :)

  • @abhichatterjee9064
    @abhichatterjee9064 Год назад

    Awesome video Sapta

  • @parniansamareh9150
    @parniansamareh9150 Год назад

    That was a fun meme said designer creat this day/night toggle but the developers will ruin :))
    Now with the Lottie we can do anything. Thanks for this great tutorial.

  • @poymal2444
    @poymal2444 Год назад +1

    shadow on the sun, that's funny

  • @subhrobikashdas6944
    @subhrobikashdas6944 Год назад

    Nice one Saptarshi, loved it. Thank you! So is it that whenever we need to share animations with the dev team, we need to create lottie files or is there any other way to do it from within figma? Please guide!

  • @sriramts3420
    @sriramts3420 Год назад

    Awesome !

  • @damodarbadhwar2319
    @damodarbadhwar2319 Год назад +1

    Hey Sapta, I'm curious to know how the team at Swiggy puts the confetti 🎊 across the app. Is it a JSON or gif?
    I created a confetti animation using cc particular effect in AE but lottie doesn't recognise it. Do you know how to go about creating confetti that lottie can recognise?

    • @saptarshipr
      @saptarshipr  Год назад

      They are all Lotties 😀

    • @damodarbadhwar2319
      @damodarbadhwar2319 Год назад

      @@saptarshipr got it. That means each particle is a shape layer and is animated manually? Or is there a better way to do it?

  • @nekuriveeran4711
    @nekuriveeran4711 Год назад

    Hey Sapta, Thanks for the amazing tutorial.
    Curious to know your thoughts on RIVE. Is it worth learning? Will protopie suffice for Product Design?
    P.S: Have learnt a huge deal on fundamentals of motion from your blogs, talks and the much famous After Effects motion masterclass

  • @Motion_Galaxy
    @Motion_Galaxy Год назад

    sir, would u shoow us how you export ur figma files for after effcet?? i use aeux but, it lost so many data and font and shapes. more over, it creates huge precompose inside after effcet one into one!!1 sucks!! any alternative good way??

  • @ashokupadhyay7484
    @ashokupadhyay7484 Год назад

    Is this a sponsored video.?

  • @maddypape
    @maddypape Год назад +1

    Thank you, this is like the only helpful resource I’ve found on the web for dealing with the Lottie plugin 😅
    Quick question - does Lottie not support a flattened vector shape? I can’t find anything in the documentation, and it only works when the shapes are grouped or Unioned, not flattened

    • @saptarshipr
      @saptarshipr  Год назад

      It should work with flattened one as well. I haven’t tried it personally though

    • @maddypape
      @maddypape Год назад

      @@saptarshipr Thanks! With a union shape, it was individually animating the shapes in the union, even when they are in a group. With a flatted shape, it was just a complete error.. I found a workaround though 👍