Lottie Creator Course: Interactive Motion Design, Build responsive animations with state machines & motion tokens — and export them production-ready for web and apps.
Course Description
Hi there! We’re the LottieFiles team, and we’re excited to show you how to bring motion design to life using Lottie Creator.
Design animations that actually respond to users
This course goes beyond traditional timeline animation. You’ll learn how to create interactive motion experiences — animations that react to clicks, hovers, and real user behavior — all inside Lottie Creator, with zero code required.
What you’ll build
You’ll create two fully animated projects from scratch: a logo animation and an app-ready UI component. Then you’ll turn them into interactive animations using state machines, make them scalable with motion tokens, and package everything for developer handoff.
AI-powered tools for faster workflows
Along the way, you’ll use AI-powered features like Prompt to Vector, Motion Copilot, and Prompt to State Machine to dramatically speed up your process — without sacrificing creative control.
From design to production
By the end of this course, you’ll know how to export dotLottie files with embedded state machine logic and motion tokens — giving developers everything they need, baked right into the file.
Course Lessons:
- Introduction & Workspace Tour
- Creating Animation 1 – Logo Animation
- Creating Animation 2 – UI Component with AI Tools
- Defining States & Building State Machines
- Using Prompt to State Machine
- Exporting & Workspace Validation
- Motion Tokens
- Download & Developer Handoff
To fully complete the course and earn your certification, you are required to submit an animation assignment.
Please note: Submission guidelines will be available in the final module of this course under Resources.
Alrighty, it’s time to get started!
