Creating Lottie animations in Figma

Sdílet
Vložit
  • čas přidán 10. 09. 2024

Komentáře • 30

  • @alang253
    @alang253 Před 9 měsíci +12

    I'm speechless. I'm updating my portfolio and the thought or rebuilding designs/transition/animations in AE or even Rive is so time consuming. Most of the designs I want to feature are already built out in Figma prototypes - my head is spinning on how easy it will be with this plugin!! I can do so much on my own now, and developers are going to love that I can just hand over the JSON file instead of them having to emulate my prototype!

    • @lukecresante
      @lukecresante Před 5 měsíci +1

      Do you think most of that speed is coming from not having to redo your existing prototypes? It really is pretty crazy to complement a tool like Figma... Even non-designers like me end up is figma haha

  • @leeyujeong5462
    @leeyujeong5462 Před 6 měsíci +2

    OMG… what a life and time saver for designers haha thanks for the video! 😊

  • @balajprasanna
    @balajprasanna Před 10 měsíci +2

    Amazing video Ridd! The content, the presentation - top notch. I am happy I found your channel. Thank you so much!

  • @newtonoluoch8103
    @newtonoluoch8103 Před 11 měsíci +1

    Jesus Christ!. Thanks Ridd, I came accross your channel just the other day and you are super invaluable. Thank you.

    • @ridd
      @ridd  Před 11 měsíci

      Love to hear it 🙇‍♂️

    • @ridd
      @ridd  Před 11 měsíci

      Love to hear it 🙇‍♂️

    • @ridd
      @ridd  Před 11 měsíci

      So glad to hear it!

  • @tomashudolin7197
    @tomashudolin7197 Před 5 dny

    Thank you for your tutorial. I tried my own animation with smart animate and bounce type of animation and this kind of animation isn't possible to export to Lottie. Or am I wrong?

  • @byAlexfromua
    @byAlexfromua Před 4 měsíci

    Wow that was great! Thank you!

  • @SanneWijbenga
    @SanneWijbenga Před 3 měsíci

    Life-saver thx! 🚀

  • @zero81888
    @zero81888 Před 9 měsíci +1

    Thanks for the video, it was very helpful. Is there a limit to how many groups you can have in an animation frame? All of my frames are identical, I’ve just made certain layers visible at different points. Even so, certain objects just don’t show up when I export the prototype flow.

  • @TheWebCoder
    @TheWebCoder Před 4 měsíci

    You briefly mentioned an "annotation component" and I'm intrigued! Is that preferable to raw annotation in dev mode? Is there anywhere to learn more recommended best practices around it? Thanks!

  • @hfromero
    @hfromero Před 7 měsíci

    Nice video, dude! I hope one day you can do a tutorial creating one of those

  • @EvelynArianiEscalante
    @EvelynArianiEscalante Před 3 měsíci

    Hello, when I make an animation in frames in figma, it contains the pulse and a hand simulating a touch screen. But when I want to export by lottie I only see the pulse animation and not the hand, does anyone know why that could be?

  • @Rita_Johanna
    @Rita_Johanna Před 8 měsíci

    love it!

  • @motiongraphik
    @motiongraphik Před 3 měsíci

    Brilliant video- thank you.
    But placing the lottie animations into Figma as Gif only.
    Most look really bad/pixelated.
    Unless i'm missing something.

  • @thompson.studio
    @thompson.studio Před 7 měsíci

    How are you playing it once on click? Can it be done with hover as well? *sad frustration noises*

  • @naxun1199
    @naxun1199 Před 2 měsíci

    Thank you for sharing! I would like to have the Figma source file of “Try Boolean Candle” for study. Is it possible?

  • @thatdavelilly
    @thatdavelilly Před 7 měsíci

    What annotation plugin/widget you use bro?

  • @mariusorani
    @mariusorani Před 5 měsíci

    Can Lottie also handle opacity and gradient?

  • @wowoejhssbajajahajaj
    @wowoejhssbajajahajaj Před 6 měsíci

    Can i do this on figma web on ipad?

  • @BryceDriesenga
    @BryceDriesenga Před 11 měsíci +1

    Have you played with Rive?

    • @ridd
      @ridd  Před 11 měsíci +2

      I'm filming a Rive Deep Dive in an hour :)

    • @BryceDriesenga
      @BryceDriesenga Před 11 měsíci

      @@ridd Sick!

  • @atulraajagrawal
    @atulraajagrawal Před 11 měsíci

    What's quick preview mode at 3:47?

  • @nested9301
    @nested9301 Před dnem

    After effect animations are god level , what you show here is nothing

  • @thewaliiiii
    @thewaliiiii Před 5 měsíci

    "Pretty powerful" yeh, no keyframes, no proper tools, you ok?