[LottieFiles Official] LottieFiles for Framer : 200% Utilization of Lottie Animations in Framer (Certificate Issued)

Name: [LottieFiles Official] LottieFiles for Framer : 200% Utilization of Lottie Animations in Framer (Certificate Issued)
Rating: 4.8 (4 reviews)

Meet the official first Korean-language course from global motion design platform LottieFiles, exclusively on Inflearn! Complete the course and receive an official LottieFiles certificate of completion.

(4.8) 4 reviews

133 learners

Level Beginner

Course period Unlimited

LottieFiles

Web Design

Interactive Web

Responsive Web

Lottie

Web Design

Interactive Web

Responsive Web

Lottie

What you will gain after the course

How to Import and Control Lottie Animations Directly in Framer
Implementation methods for various interactions such as clicks, scrolls, and cursor movements
Practical know-how for implementing sophisticated web interactions without complex code

Recommended for
these people

Who is this course right for?

Designer/planner creating websites with Framer
Web designers and marketers who want to add sophisticated motion to their websites
Frontend beginners who want to implement advanced interactions with no-code

Need to know before starting?

Basic Framer usage experience (frame creation, section composition, etc.)
Understanding Figma's Basic Features
It is structured so that even beginners can sufficiently follow along with hands-on practice by following the flow of the videos.

Hello
This is

1,859

Learners

Reviews

4.9

Rating

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.

Curriculum

All

9 lectures ∙ (31min)

Section 1. Creating Lottie Animations

3 lectures ∙ (8min)

1. Creating Lottie Animations in Figma
03:30
2. Creating animations in Lottie Creator
02:36
3. Creating Lottie Animations Using AI Tools
02:41

Section 2. Applying Lottie Animation to Framer

2 lectures ∙ (7min)

4. Inserting Lottie Animations into Framer Websites
04:46
5. Understanding dotLottie Animation Files
02:27

Section 3. Adding Interactions to Lottie Animations in Framer

4 lectures ∙ (15min)

6. Interactive Animation: Applying Hover and Click Triggers
02:20
7. Interactive Animation: Applying Scroll Effects
02:50
8. Creating Fake 3D Effects with Lottie
04:16
9. Interactive Animation: Making It Respond to Cursor Movement
05:37

Published:

Last updated:

Reviews

All

4 reviews

4.8

4 reviews

yesitsme
Reviews 4
∙
Average Rating 4.8
5
33% enrolled
dbsrud0065750
Reviews 1
∙
Average Rating 4.0
4
100% enrolled
This is an easy and beneficial lecture! Thank you for providing it in Korean 😊😊
jjhgwx
Reviews 644
∙
Average Rating 4.9
5
33% enrolled
Thank you for the great lecture!
ninety25296
Reviews 145
∙
Average Rating 5.0
5
100% enrolled
I enjoyed the lecture. Thank you.

Free

LottieFiles's other courses

Check out other courses by the instructor!

[LottieFiles Official] LottieFiles for Webflow: Interactive Websites Completed with Lottie (Certificate Issued)

LottieFiles

Meet the official first Korean-language course from global motion design platform LottieFiles, exclusively on Inflearn. Complete the course and receive an official LottieFiles certificate of completion.

Beginner

Motion Graphic, Web Design, Lottie

[LottieFiles Official] LottieFiles for Webflow: Interactive Websites Completed with Lottie (Certificate Issued)

LottieFiles

[LottieFiles Official] Creating Lottie Animations with After Effects (Certificate Issued)

LottieFiles

Meet the official first Korean-language course from global motion design platform LottieFiles, exclusively on Inflearn! Complete the entire course and receive an official LottieFiles certificate of completion.

Beginner

After Effects, Lottie, 3d

[LottieFiles Official] Creating Lottie Animations with After Effects (Certificate Issued)

LottieFiles

[LottieFiles Official] Figma to Lottie: Creating Motion Animations in Figma (Certificate Issued)

LottieFiles

Check out the first official Korean-localized course from global motion design platform LottieFiles, available exclusively on Inflearn now! Complete the course and receive an official LottieFiles certificate.

Beginner

Motion Graphic, Animation, Figma

[LottieFiles Official] Figma to Lottie: Creating Motion Animations in Figma (Certificate Issued)

LottieFiles

Similar courses

Explore other courses in the same field!

Figma Design Learning by Making [BASIC-2025 trend updated]

agilelabs

Are you still wondering about the new design tool called Figma? If you follow each step easily and quickly, you will soon become a Figma expert!

Beginner

Figma, Web Design, Mobile App Design

Figma Design Learning by Making [BASIC-2025 trend updated]

agilelabs

Midjourney Secret Class, Core Summary of Image Prompt Engineering by Current AI Design Expert

Masocampus

Midjourney, the premier tool for image-generating AI! From basic usage to real-world application through practical design projects, all in one go!

Beginner

Web Design, Character Design, Mobile App Design

Midjourney Secret Class, Core Summary of Image Prompt Engineering by Current AI Design Expert

Masocampus

[LottieFiles Official] LottieFiles for Webflow: Interactive Websites Completed with Lottie (Certificate Issued)

LottieFiles

Beginner

Motion Graphic, Web Design, Lottie

[LottieFiles Official] LottieFiles for Webflow: Interactive Websites Completed with Lottie (Certificate Issued)

LottieFiles

Vanilla JavaScript & Tailwind CSS

Michael Kwon

Practical web UI development using AI and component-centric UI creation, An essential course for Designers + Developers!

Basic

JavaScript, vanilla-javascript, frontend

Vanilla JavaScript & Tailwind CSS

Michael Kwon

Creating a portfolio using GSAP's ScrollTrigger

jyoung

Let's create an interactive, responsive web portfolio that reacts to scrolling using GSAP's ScrollTrigger!

Basic

HTML/CSS, scrolltrigger, gsap

Creating a portfolio using GSAP's ScrollTrigger

jyoung

Learning CSS Through Stories

sarc

This is a hands-on project course that beautifully styles a cafe homepage made with HTML using CSS. You can naturally learn all the CSS fundamentals from colors, layouts, and typography to Flexbox, Grid, animations, and responsive design by following the story of Minji and Teacher Code. With 4 hours of learning, even beginners can complete professional web design.

Beginner

css, Responsive Web, Flex

Learning CSS Through Stories

sarc

Creating a Movie Ticket Booking Site: Design

webstoryboy

If you have followed the web standards and responsive site creation lectures well, it is now time for practical training! We will learn about creating a movie ticket reservation site divided into design and coding parts.

Basic

Photoshop, Responsive Web

Creating a Movie Ticket Booking Site: Design

webstoryboy

Designing my product detail page with Canva

codingai

This is an introductory course that teaches you how to design product detail pages used in online courses, shopping malls, etc. using Canva, a popular design tool.

Beginner

canva, Web Design

Designing my product detail page with Canva

codingai