Lottie Creator Course: Interactive Motion Design

Build and export a logo animation in Lottie Creator using shape tools, keyframes, mattes, duplicators, and easing.

Design a product-ready animation using AI tools, physics simulations, and motion presets to create natural, interactive motion for apps and websites.

Learn how to turn timeline animations into interactive motion by defining states and segments—no coding required.

Connect states using inputs, transitions, and real user interactions to create an animation that responds to clicks and user actions.

Use Prompt to State Machine to generate interactive state machines faster, while still staying in control of the logic and flow.

Export your animation with its state machine embedded, all inside your dotLottie file.

Use motion tokens to create flexible, themeable animations by controlling colours, values, and properties across multiple variations in a single file.

Learn how motion tokens make animations adaptive, reusable, and data-driven—powering dynamic UI, themes, and interactive experiences in real applications

Download your animation with state machines and motion tokens fully embedded, and hand it off as a production-ready dotLottie file.

You've made it to the end of the course; now it's time to show what you've learned. For your final project, you'll create one original interactive animation built entirely inside Lottie Creator. Read the instructions carefully before submitting.

What your animation needs to include

To pass the certification, your animation must demonstrate all three of the following:

1️⃣ Interactivity: State Machines

• At least one fully built state machine

• A minimum of two interactive states (e.g. idle → hover, inactive → active, closed → open)

• Clear triggers such as hover or click

• Smooth animated transitions between states

The interaction must feel intentional and meaningful, not decorative.

2️⃣ Animation Quality

• Clear timing and easing control

• Intentional motion arcs and spatial transitions

• Proper layer organisation and naming

• No abrupt or broken transitions

• Logical flow between states

Minimum expectation: this should look production-ready.

? How to submit

Step 1: Export & publish

Once your animation is complete, export it as a dotLottie file and publish your animation to LottieFiles. Make sure to include:

• A clear descriptive title

• A description covering your interaction logic, state machine structure and motion tokens used

• The tag #creatorcertification

Only publicly accessible animations will be reviewed.

Step 2: Fill out the submission form

• Fill out the submission form provided in the course

• Paste your public LottieFiles link into the form

• Complete all required fields

Link to the submission form : https://lottiefiles.com/education/creator-certification-quiz

Your review will not begin until the form is fully submitted.

Once you've submitted, our team will review your project on the same day or within 3 business days at the most. You'll receive an email confirming your certificate or outlining what needs to be revisited before we can pass it.

Any questions? Drop us a message in the community, we're happy to help. Good luck! ?