Motion Design for Interfaces

Overview

Motion can clarify or distract. Learn the principles of animation applied to digital products: timing, easing, choreography and storytelling. You will design and hand off animated components, loaders, transitions and onboarding sequences using Figma and After Effects, with attention to performance and accessibility.

Level

Intermediate

Language

English

Updated

Aug 2026

Free previews

2 lessons

What you'll learn

• Apply the principles of animation to user interface elements
• Choose timing and easing that match brand personality
• Design loaders, transitions and hero animations that clarify state change
• Export animations as Lottie files for production
• Respect accessibility with reduced motion and safe patterns

Curriculum

Requirements

• Basic proficiency in Figma or a similar design tool
• Adobe After Effects (free trial works) for later modules
• Interest in how interfaces move and respond

Skills you'll build

Completing this course raises these proficiencies in your skill profile.

Your instructor

Sophie Lewis

Creative Director, Atelier Nord

Sophie directs brand and motion work for cultural institutions and technology companies across Europe. Her classes pair craft with narrative: how an idea is framed, paced and finally animated so that people feel something before they read a word.

4.8 instructor rating8.8K learners2 courses

More courses by Sophie

Learner reviews

MB

Mithila Barua

Visual Designer

Sep 11, 2026

Sophie's easing explanations finally gave me a framework instead of guessing. The Lottie export module saved our developers a lot of grief.

Lukas Meyer

UI Designer

Aug 2, 2026

Gorgeous course with thoughtful lessons on restraint. Highly recommended.

RD

Ratul Das

Frontend Developer

Jul 18, 2026

Learned how designers think about motion, which improved our collaboration. After Effects section moves quickly.