Creating Lottie animations in Figma

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

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

  • @alang253
    @alang253 11 месяцев назад +16

    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 8 месяцев назад +2

      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

  • @erikakaishi1431
    @erikakaishi1431 15 дней назад +1

    Life-saver content! OMG, you are incredible dude!

  • @leeyujeong5462
    @leeyujeong5462 9 месяцев назад +4

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

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

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

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

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

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

      Love to hear it 🙇‍♂️

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

      Love to hear it 🙇‍♂️

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

      So glad to hear it!

  • @leelameka
    @leelameka Месяц назад

    Thank you!

  • @hfromero
    @hfromero 10 месяцев назад

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

  • @sasha_malinovska
    @sasha_malinovska 7 месяцев назад

    Wow that was great! Thank you!

  • @SanneWijbenga
    @SanneWijbenga 5 месяцев назад

    Life-saver thx! 🚀

  • @Rita_Johanna
    @Rita_Johanna 10 месяцев назад

    love it!

  • @zero81888
    @zero81888 Год назад +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.

  • @tomashudolin7197
    @tomashudolin7197 2 месяца назад

    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?

  • @TheWebCoder
    @TheWebCoder 6 месяцев назад

    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!

  • @naxun1199
    @naxun1199 5 месяцев назад

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

  • @thatdavelilly
    @thatdavelilly 9 месяцев назад

    What annotation plugin/widget you use bro?

  • @mariusorani
    @mariusorani 8 месяцев назад

    Can Lottie also handle opacity and gradient?

  • @thompson.studio
    @thompson.studio 9 месяцев назад

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

  • @motiongraphik
    @motiongraphik 6 месяцев назад

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

  • @nooneo2q1
    @nooneo2q1 9 месяцев назад

    Can i do this on figma web on ipad?

  • @EvelynArianiEscalante
    @EvelynArianiEscalante 5 месяцев назад

    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?

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

    Have you played with Rive?

    • @ridd
      @ridd  Год назад +2

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

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

      @@ridd Sick!

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

    What's quick preview mode at 3:47?

  • @nested9301
    @nested9301 2 месяца назад

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

  • @thewaliiiii
    @thewaliiiii 8 месяцев назад

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