★★★★★
4.87/5 (from 400+ students)

MOTION UI DESIGN COURSE

Create UI animations, micro-interactions and prototypes like a Pro

Learn how to create advanced prototypes and UI animations for websites and mobile apps to impress clients, test ideas, improve UX and charge for your work more money.

Become a Pro in Motion UI Design

What designers are saying about Motion UI Design course

★★★★★

"This masterclass is my favourite I've taken so far! I definitely feel much more confident in my skills and I'm just so mind blown that these animations are achievable on Figma!

The way you broke everything down and made it so simple and easy to understand - from theory to the fundamental principles of Motion UI Design."

Connie Chung

UX Designer at NHN Global

★★★★★

"This is an amazing course. I learned a lot. Thank you so much. This is the best masterclass!"

Aurore Diezma

UX Designer at MIRA Conception

★★★★★

"I wanted to improve my UI Animation. After this masterclass, I got a new job with a better salary."

Roger Figueroa

Freelance Product Designer

This course is for

UX/UI Designers

Learn how to create micro-interaction, transitions, UI animations, powerful prototypes and present your designs like a professional

Web Designers

Learn how to animate your websites, create real web prototypes to level-up your portfolio, attract clients and impress your managers

Motion designers

Learn the fundamentals of Motion UI design and get a new skill that will bring you clients and a job of your dream

Get an unfair advantage as a Designer

If you want to get more or better clients, get a promotion, a new or better job, there should be the difference between you and all other designers on the market.

motion-ui-design-course-advantage-alexunderhess-min

Be at the Top!

Millions of people started their journey in the Design industry. But unfortunately, not so many of them decided to choose Webdesign or UI Design career. Even fewer – know UX and UI. But very few of them know Motion UI.

Being able to animate or prototype your designs gives you an unfair advantage as you know what others don't know, as you pitch your ideas the way others don't know how to pitch.

Stand out from the crowd!

This is what Motion UI design knowledge gives you. It allows you to get better clients, better positions, earn more money and stand out on the market.

What you'll learn

Module 1: Motion UI Fundamentals

11 videos

Videos included:

Welcome to the masterclass (1:53)
Where to start in Motion Design (3:35)
What is Motion Design (6:04)
What is Motion UI Design...& Triggers (10:28)
Transitions. Which one to choose (9:50)
The main purpose of Motion UI Design (6:47)
Tools for Motion UI Design. Which one is the best? (8:42)
Why Motion Design is so complicated? Now you know that it's not. (2:13)
The first fundamental principle of Motion UI Design (3:49)
The second fundamental principle of Motion UI Design...and how companies like Apple and Google do it? (26:46)
What's next (5:01)

You'll learn what Motion UI design is, what it consists of, what tools to use, and how companies like Google and Apple create animations for their landing pages; you'll understand how to analyze UI animations and prototypes of other designers, so you will be able to create a UI Animation or Prototype for any website or mobile app.

Module 2: Motion UI Practice

11 videos

Videos included:

Intro to the Practice section (0:41)
The most used attribute in Motion Design (41:53)
How to work with scroll (13:04)
What you should know about Masks in Motion UI Design (14:21)
The least used attribute in Motion UI Design (8:15)
How to reveal these elements? (5:29)
What's the difference between size and scale (20:21)
Why you should know how to animate border radii (4:43)
If you are a UX/UI design you have to animate it (6:38)
Let's make it pop. How and where to animate effects (6:32)
BONUS: How to Animate Isometric Elements (9:27)

You'll learn what attributes to animate and how to do it; you know how to work with scroll (most designers don't understand the secret behind it); you know the difference between SIze and Scale in animations; you know how to animate different effects in Figma; you know how to create Isometric animations; you know how to create powerful animations using masks.

Module 3: Advanced Prototyping

7 videos

Videos included:

Introduction to the Principle module (0:33)
What is Principle and why it's so powerful (15:02)
Principle. 5 main sections of the tool (33:56)
How to prepare a project and import it to Principle (25:49)
How to create an Apple-style landing page with Principle (105:49)
How to create a mobile app prototype (79:09)
How to export your animation from Principle(22:33)

You'll learn how to create powerful animations and prototypes with Principle; you know how to prepare your design for this tool; you know how to animate landing page prototypes like Apple and Google; you know how to create mindblowing UI animations for mobile apps; you know how to export your works to your website, Dribbble or any other platform.

Module 4: UI Animation Hand-off

2 videos

Videos included:

How to export and share your animations and prototypes (14:32)
How to explain your animations to developers (Specifications) (10:22)

You'll learn how to export your animations and prototypes to your portfolio, website, Dribbble, Behance or any other website; you know how to explain your animations to developers so they will be implemented perfectly.

Enroll now

A tremendous value you will get after this course

You'll learn:

What Motion UI design is and why every UX/UI designer should know it
The difference between Motion UI design and Motion design
The very first thing you need to know before animating anything
The purpose of animations and prototyping so you know how to pitch your works and sell them
Types of Motion UI design & triggers
How to train your prototyping and motion design skills so you will never get stuck
What can be animated, and how to avoid mistakes
How to use masks in Motion UI design to create mind-blowing animations and prototypes
How to animate logos, mobile apps, and websites and create POWERFUL prototypes and MINDBLOWING presentations
Top mistakes people make with motion and how to avoid them
BEST practices and examples of great Motion UI works
How to hand-off your UI animations and prototypes to Developers
List of websites and resources for your inspiration to boost your animations and prototyping skills.

LEARN MOTION UI DeSIGN

How do Apple and Google create these incredible landing pages? How do other designers create these amazing prototypes and animations?

You can do it! You can bring life to your designs and impress other people.

It's much easier than you think.

I will show you how!

★★★★★

"Such an awesome course and I'm really happy! I knew nothing about motion design before this. Alex is a great teacher and his enthusiasm makes the videos enjoyable to watch!"

Tyler Nishida

Product Designer at RVCM

★★★★★

"Phenomenal! I feel like I took a semester worth of concepts in one go."

Hana Stanojkovic

Product Designer at Equityzen

Designers from all over the world took this Motion UI Design course

Can you spot your country? Join the masterclass, and we will add the flag of your country.

motion-ui-design-masterclass-students-countries-alexunderhess-mc-min

★★★★★

"I have started charging more money now and am much more confident about my skills."

Pranavi Chitti

Product designer at ServiceNow

★★★★★

"I wanted to improve my UI Animation. After this masterclass, I got a new job with a better salary."

Roger Figueroa

Freelance Product Designer

Choose Your Package and Become a Pro in Motion UI Design

Motion UI Design · VIP

$997

Full Course + 1:1 Coaching + Certificate

Enroll now →

All 4 modules / 31 video lessons
Where to Start in Motion Design
Fundamentals of Motion UI
The practice of Motion UI
What to animate, How and Why
Mistakes people make
Export of Animations
How to Work with Developers
PDF Bonuses
Lifetime Access
A handy platform with a personal account
Homework
Free updates
Certificate of completion
Professional prototypes with Principle
How to create the Apple-style interactive landing page
1:1 coaching session

Motion UI Design · Gold

$497

Full Course

Enroll now →

All 4 modules / 31 video lessons
Where to start with UI animations
Fundamentals of Motion UI
The practice of Motion UI
What to animate, How and Why
Mistakes designers make
Export of animations
How to work with developers
PDF Bonuses
Lifetime Access
Homework
Professional prototypes with Principle
How to create Apple-style interactive landing pages

★★★★★

"This masterclass is my favourite I've taken so far! I definitely feel much more confident in my skills and I'm just so mind blown that these animations are achievable on Figma!

The way you broke everything down and made it so simple and easy to understand - from theory to the fundamental principles of Motion UI Design."

Connie Chung

UX Designer at NHN Global

Tools we will use

In this masterclass, we will work in Figma and Principle.

If you know Sketch, Illustrator or Photoshop, it will be more than enough because the knowledge you get in this course can be applied to any tool.

Do you think Motion UI design is hard?

Afraid to start?

Lots of designers are afraid to start animating and prototyping their works. They don't know where to start; they think they need to know After Effects or how to code.

I created this class to show you that Motion UI design is easy and fun to learn; you can create incredible works without After Effects and coding, give you all the principles of Motion Design and guide you step by step in this field so you will become a PRO in Motion UI design.

Trusted by designers from

★★★★★

"Scintillating, Vibrant Classes. It has given me lots of insights to work with Figma to upgrade my skills, Truly I have no words to speak ....Alex is one the best in design and it remains eternal."

— Sai Rathan

★★★★★

"It seemed to me that Motion UI design is very complicated. After this class, I got a promotion and a raise."

— Paweł Wojtaszak