Home » Design » LottieFiles for Webflow Course

[Free] Lottiefiles For Webflow Course

Learn how to integrate Lottie animations seamlessly into your Webflow websites to create engaging pages – no code needed – Free Course

Added on December 15, 2024 Design 2 min read

What you’ll learn

• Basics of creating animations using tools such as Figma and Lottie Creator.
• How to add Lottie animations to Webflow websites.
• Explore interactive Lottie animations and how to apply them on websites.
• Creating animated websites using no-code.
• Learn best practices, tips, and tricks for using LottieFiles for Webflow to build motion websites.

Requirements

• A LottieFiles account is also required. Login from the LottieFiles website to create your free account. (Access to premium Lottie animation is limited to paid plan members)
• You'll need a Webflow account. A free Starter Site plan is available on the Webflow website.
• In this course, we will utilize the LottieFiles for Webflow app, which is accessible within the Webflow marketplace section.
• No previous UX Design/UI Design experience is needed.
• Basic Webflow skills are needed.

Description

Enhance your websites with LottieFiles for Webflow

LottieFiles for Webflow empowers you to create websites that are both interactive and engaging with access to over 500,000 free and premium animations at your fingertips. Find animations suitable for every imaginable use case. Additionally, you can access your own LottieFiles workspace directly within Webflow, eliminating the need to switch between multiple tabs.

Course details

This course is designed for people of any skill level, teaching you how to integrate animations into your Webflow websites, along with some basics on creating animations.

Section 1: Learn how to create animations that can be inserted into your Webflow projects

1. LottieFiles for Figma

2. Lottie Creator

3. Exploring LottieFiles AI Features

Section 2: Implementing Lottie animation to Webflow

1. Overview of LottieFiles plugins and customization options

2. Positioning animations

Section 3: Interactivity

1. Hover and click-based triggers

2. Scroll triggers when in view

3. On-load animations

Section 4: Conclusion

1. Overall recap with tips and tricks

Once you finish this course, please take the quiz under additional content to test your skill set, which will take you one step closer to becoming a LottieFiles for Webflow expert.

Alrighty, it’s time to get started!