inflearn logo

[Official LottieFiles] Figma to Lottie: Motion Animation Created in Figma (Certificate Issued)

Check out the first official Korean-language course from the global motion design platform LottieFiles, available exclusively on Inflearn! Upon completing the course, you can receive an official LottieFiles certificate.

(4.9) 58 reviews

1,232 learners

Level Beginner

Course period Unlimited

Motion Graphic
Motion Graphic
Animation
Animation
Figma
Figma
No-code
No-code
UIUX
UIUX
Motion Graphic
Motion Graphic
Animation
Animation
Figma
Figma
No-code
No-code
UIUX
UIUX
Thumbnail

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

최유빈

100% enrolled

Good! Thanks for explaining it easily!

5.0

쿠카이든

30% enrolled

I learned how to apply Lottie in Figma. Thank you for the good lecture.

5.0

일요일좋아

100% enrolled

Easy and quick to learn!

What you will gain after the course

  • The entire process from installing the LottieFiles plugin to practical application

  • How to create animations in Figma without code

  • How to apply animations to UI elements such as text, icons, and characters

  • How to create Lottie (JSON) animations that can be applied directly to web and apps

CHECK 1

What is Lottie?

Lottie is a JSON-based animation file format that

By using Lottie, you can transfer animations as easily as images.

It has a small file size and can work on any device,

A powerful advantage of Lottie is that the resolution does not decrease even when the size is adjusted.

CHECK 2

Why should you use Lottie?

Flexible Resizing

It can be scaled up or down
without being affected by resolution.

Small Size
Compared to formats like GIF or MP4,
it is much smaller while maintaining the same quality.

Interactivity
Lottie has exposed animation elements, so it can be modified
to be interactive and can respond to interactions such as
scrolling, clicking, and hovering.

Support for Various Platforms and Libraries
It is incredibly easy to hand off Lottie to developers. Lottie animations can be used directly on iOS, Android, Web, and React Native without any modifications.

CHECK 3

The world's top web and app services are
using Lottie

Check out the Lottie use cases actively used in the industry!

cashbag - showcase card
Gmarket - showcase card(kr) (1)
Qcells - showcase card (2)
showcase card (1)
showcase card (2)
showcase card_kr
showcase card
KR - riid - showcase card


gbike-kr card
Spoon - showcase card kr

You can check out various other use cases here.

CHECK 4

Only at Inflearn!
Take the official LottieFiles Korean course
and apply it to your work right away!

🫠 I want to create simple UI animations, but I don't know how...

🧐 How can I deliver animation files created in Figma to developers?

In an era where static designs are no longer enough, we need 'moving designs' that bring the user experience to life.
In this course, we will systematically guide you through everything from installing the LottieFiles plugin to applying animations to various UI elements,
all directly within Figma.

Start learning how to create living screens without any code right now!

CHECK 5

<Figma to Lottie: Creating Motion Animations in Figma>
How should I take this course?

Inflearn courses support various audio languages and subtitles.

Click the gear icon (Settings) at the bottom of the player screen, then
feel free to select your preferred audio language and subtitles.

CHECK 6

Get a certificate
certified by LottieFiles!

<Figma to Lottie: Motion Animation in Figma> After completing the entire course and submitting the final quiz,
you can receive both the
LottieFiles Certificate and the Inflearn Certificate!
Feel free to use your certificates on LinkedIn or in your portfolio.

You can check your Inflearn certificate immediately in the
My Page > My Learning > Certificates menu.

Recommended for
these people

Who is this course right for?

  • UI/UX designers who want to try interactive design

  • Those who want to implement prototype animations themselves without the help of a developer

  • For those who have only heard of LottieFiles, and those who are looking for a great opportunity to try it out right now!

Need to know before starting?

  • No knowledge of After Effects or coding is required at all.

  • Basic Figma experience is more than enough!

Hello
This is LottieFiles

2,002

Learners

73

Reviews

4.9

Rating

4

Courses

LottieFiles is a platform that helps designers and developers worldwide easily create, manage, and implement animations. It allows for the rapid application of Lottie-format animations across various environments, including websites, apps, and presentations, while providing a range of tools to enhance efficient team collaboration and motion design workflows.

More

Co-instructor

Curriculum

All

10 lectures ∙ (26min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

58 reviews

4.9

58 reviews

  • ksrtt7828님의 프로필 이미지
    ksrtt7828

    Reviews 11

    Average Rating 5.0

    5

    100% enrolled

    • choe06127398님의 프로필 이미지
      choe06127398

      Reviews 2

      Average Rating 5.0

      5

      100% enrolled

      Good! Thanks for explaining it easily!

      • ksjung8344님의 프로필 이미지
        ksjung8344

        Reviews 4

        Average Rating 4.0

        4

        60% enrolled

        • kukaeden님의 프로필 이미지
          kukaeden

          Reviews 507

          Average Rating 5.0

          5

          30% enrolled

          I learned how to apply Lottie in Figma. Thank you for the good lecture.

          • wkdud60168477님의 프로필 이미지
            wkdud60168477

            Reviews 1

            Average Rating 5.0

            5

            100% enrolled

            LottieFiles's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!

            Free