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

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ธ.ค. 2024

ความคิดเห็น • 46

  • @gardenia-teal
    @gardenia-teal 3 หลายเดือนก่อน +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  3 หลายเดือนก่อน

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

  • @nevillecreativitymentor
    @nevillecreativitymentor หลายเดือนก่อน +3

    Very nice instructions. Subscribed and Lliked 👍

    • @DesignXstream
      @DesignXstream  29 วันที่ผ่านมา

      Glad you liked it....Cheers! ✌️

  • @kamaleshk4747
    @kamaleshk4747 16 วันที่ผ่านมา +1

    Amazing explanation

    • @DesignXstream
      @DesignXstream  5 วันที่ผ่านมา

      Glad it helped! Cheers ✌️

  • @archanasarang7377
    @archanasarang7377 3 หลายเดือนก่อน +2

    Very helpful tutorial.. thanks👍

    • @DesignXstream
      @DesignXstream  3 หลายเดือนก่อน

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

  • @akshz.413
    @akshz.413 10 วันที่ผ่านมา +1

    Can we import illustrator file?

    • @DesignXstream
      @DesignXstream  5 วันที่ผ่านมา

      Currently only Lottie File JSON or SVG

  • @shimaahassan102
    @shimaahassan102 หลายเดือนก่อน +1

    can i move a cartoon character with this tool or not

    • @DesignXstream
      @DesignXstream  29 วันที่ผ่านมา

      There is no character rigging sort of things. But you can do good enough character animations. You can look at some examples here: www.lottielab.com/examples-illustration

  • @EloiseBrowne
    @EloiseBrowne หลายเดือนก่อน +1

    Great video thanks!

    • @DesignXstream
      @DesignXstream  29 วันที่ผ่านมา

      Glad you liked it....Cheers! ✌️

  • @Thaissa81
    @Thaissa81 3 หลายเดือนก่อน

    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  3 หลายเดือนก่อน

      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 3 หลายเดือนก่อน +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  3 หลายเดือนก่อน

      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 3 หลายเดือนก่อน

      @@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  3 หลายเดือนก่อน

      @@Thaissa81 which tool is it?

  • @minnn2506
    @minnn2506 7 หลายเดือนก่อน +1

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

    • @DesignXstream
      @DesignXstream  7 หลายเดือนก่อน

      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.

  • @Paul_Promise
    @Paul_Promise 3 หลายเดือนก่อน +2

    How can i export my animation to Figma

    • @DesignXstream
      @DesignXstream  3 หลายเดือนก่อน

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

    • @Paul_Promise
      @Paul_Promise 3 หลายเดือนก่อน +1

      @@DesignXstream wow okay thank you 😊

  • @ahmedyahya3593
    @ahmedyahya3593 4 หลายเดือนก่อน +2

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

    • @DesignXstream
      @DesignXstream  3 หลายเดือนก่อน

      yay! Glad you liked it! Cheers ✌🏼

  • @glorympamah2970
    @glorympamah2970 5 หลายเดือนก่อน

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

    • @DesignXstream
      @DesignXstream  5 หลายเดือนก่อน

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

  • @live.sustainably.a
    @live.sustainably.a หลายเดือนก่อน +3

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

    • @DesignXstream
      @DesignXstream  หลายเดือนก่อน

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

    • @nooramjad100
      @nooramjad100 23 วันที่ผ่านมา

      Hi 👋🏻 you still looking?

  • @olegslemnevnek5142
    @olegslemnevnek5142 3 หลายเดือนก่อน +1

    omg! Thank you man!

  • @updates4043
    @updates4043 7 หลายเดือนก่อน +2

    Awesome

  • @prasanthwarre
    @prasanthwarre 7 หลายเดือนก่อน +1

    allows free to export in Lottie?

  • @rayhankessal6976
    @rayhankessal6976 7 หลายเดือนก่อน +1

    Nice thanks

  • @JessieTraslavina
    @JessieTraslavina 5 หลายเดือนก่อน +1

    Good 😊

  • @allenoluyisola4522
    @allenoluyisola4522 6 หลายเดือนก่อน +1

    nice one

    • @DesignXstream
      @DesignXstream  6 หลายเดือนก่อน

      Cheers buddy ✌️