Easy Lottie Animation with Figma & Lottielab - Complete Step-by-Step Tutorial

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

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

  • @nevillecreativitymentor
    @nevillecreativitymentor 11 дней назад +1

    Very nice instructions. Subscribed and Lliked 👍

  • @gardenia-teal
    @gardenia-teal 2 месяца назад +3

    So inspiring! Your designs always have a way of uplifting the spirit. Thank you for sharing your creative process and for being such a positive force in the design community

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

      Glad you found it helpful... Cheeers! ✌🏼

  • @EloiseBrowne
    @EloiseBrowne 2 дня назад

    Great video thanks!

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

    Very helpful tutorial.. thanks👍

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

      Glad you found it helpful... Cheeers! ✌🏼

  • @shimaahassan102
    @shimaahassan102 4 часа назад

    can i move a cartoon character with this tool or not

  • @live.sustainably.a
    @live.sustainably.a 13 дней назад +2

    Hello 😊 I am looking for a Lottie designer for a mobile app project.

    • @DesignXstream
      @DesignXstream  13 дней назад

      You can dm me on instagram @designxstream I can see if I can connect you with someone.

  • @olegslemnevnek5142
    @olegslemnevnek5142 2 месяца назад +1

    omg! Thank you man!

  • @ahmedyahya3593
    @ahmedyahya3593 3 месяца назад +2

    Amazing video!! I hope Lottiefile have some small courses to make some coll animations.

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

      yay! Glad you liked it! Cheers ✌🏼

  • @minnn2506
    @minnn2506 6 месяцев назад +1

    Thanks for this walkthrough! Does it have 3D layer? or Fake 3D like 2.5D layers?

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

      It doesn't support 3D but you can always use fake 3D like 2.5D animations. You can see some sample of these on the examples page on lottielab's website.

  • @updates4043
    @updates4043 6 месяцев назад +2

    Awesome

  • @allenoluyisola4522
    @allenoluyisola4522 5 месяцев назад +1

    nice one

  • @rayhankessal6976
    @rayhankessal6976 6 месяцев назад +1

    Nice thanks

  • @JessieTraslavina
    @JessieTraslavina 4 месяца назад +1

    Good 😊

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

    How can i export my animation to Figma

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

      You can export it as a GIF then import it back into Figma.

    • @Paul_Promise
      @Paul_Promise 2 месяца назад +1

      @@DesignXstream wow okay thank you 😊

  • @glorympamah2970
    @glorympamah2970 4 месяца назад

    Hi, so how do I take or export the Lottie lab (animation) file back to Figma please?

    • @DesignXstream
      @DesignXstream  4 месяца назад

      You can convert it to a GIF and use it on Figma.

  • @prasanthwarre
    @prasanthwarre 6 месяцев назад +1

    allows free to export in Lottie?

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

    Do you know how to make a loop just in a specific segments of frames? For example: the animation plays oned from 1 to 24 a from 25 to 48 plays in loop (infinite loop just this segment)

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

      As far as I know there is no way to do that. In such a case you might have to make 2 lottie files and then through code hide animation 1 after playing once and let the animation 2 in background keep repeating.

    • @Thaissa81
      @Thaissa81 2 месяца назад +1

      @@DesignXstream I think so too, because I saw in lottie webdite that you can make segments for loop specifications and then share this info with developments, then they can use it for coding.

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

      Yes you are right, there should be a way to achieve this through code where you play it once and then loop a startFrame to endFrame.

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

      @@DesignXstream I think lottie implemented a free tool for optimize the json and from there you can code the segment to configure the play

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

      @@Thaissa81 which tool is it?