FREE COURSE

INCLUDED IN ALL-ACCESS

UX Animation Essentials

Learn to transform static interfaces into engaging experiences using industry-standard UX motion tools.

Enroll in All-Access Enroll for FREE

Also included in our Team training for 3 or more people.

Learn On Your Own Schedule

Level up your skills on your own timeline. All course materials are available to you 24/7.

4+ hours

Learn UX Animation Essentials in this 4+ hour course

Intermediate

This is an intermediate course, ideal for those who have been doing motion design for at least 2 years.

Course Overview

In UX Animation Essentials, you'll work through a realistic music app project from kickoff call to developer handoff, learning not just how to animate interfaces, but why certain motion choices solve specific user problems. Get introduced to the strategic toolkit: Figma for rapid prototyping, After Effects for polished assets, ProtoPie for gesture-based interactions, and Rive for runtime animation, while learning when to reach for each tool, how to speak the language of product teams, and how to spec your work so engineers can build it.

You Get:

4+ hours of video training

PDF Cheat Sheets

Downloadable Designs & Assets

24/7 Community Access

Verified Credential Upon Completion

Course syllabus.

The UX Motion Mindset

Understand what makes UX motion different from traditional motion graphics—designing for users, not viewers, and solving problems with purposeful animation.

Real Product Team Collaboration

Experience a realistic project kickoff with a product manager, learning to ask the right questions, understand constraints, and navigate cross-functional workflows.

Strategic Tool Selection

Learn when to reach for Figma, After Effects, ProtoPie, or Rive based on fidelity needs, interactivity requirements, and project constraints.

Low-to-High Fidelity Workflow

Master the iterative design process from quick paper sketches to mid-fidelity Figma prototypes to polished, production-ready animations.

Microinteractions That Matter

Design button states, loading animations, and feedback loops that guide users and create confidence without adding clutter.

Screen Transitions & Navigation

Create seamless navigational animations that orient users, maintain spatial relationships, and eliminate jarring cuts between screens.

Gesture-Based Prototyping

Build realistic swipe, drag, and scroll interactions using ProtoPie to validate complex ideas before any code is written.

Motion Specifications for Developers

Learn to document timing, easing, and interaction details so engineers can faithfully implement your animations in code.

Production File Formats

Export Lottie files from After Effects and Rive animations optimized for performance, file size, and cross-platform compatibility.

Breaking Into UX Motion Careers

Navigate job titles, build a portfolio that showcases problem-solving over polish, and prepare for interviews at product companies.

Meet your instructor.

Ivan Witteborg

UX Motion Designer

Ivan Witteborg is a UX Motion Designer and the creator of the Motion UX YouTube channel. He specializes in helping designers bring their animation skills into the product world—using motion not just for decoration, but to solve complex user problems, reinforce mental models, and make digital products feel intuitive and alive.

‍Based in Richmond, VA, Ivan is a father of seven and a passionate educator dedicated to teaching practical design skills that have a tangible impact on people's careers, lives, and families. When he’s not teaching, designing, or enjoying time with his family, you’ll find him throwing down at pickleball courts with his guys.

GET STARTED