Learn how to
create UI animations

The most comprehensive, step-by-step course covering everything from the basics of prototyping and animations to advanced interactions  for mobile apps and websites.

START LEARNING!
Watch Course Trailer (02:11)

Concise. Valuable. Practical Masterclass

We want to take some of the mystery out of design, so you can feel confident and make user friendly products. Mastering motion is like mastering design spell that will set you apart from other designers. You can create websites with fluid animations in few hours. It’s almost magical.

START LEARNING

60+ Video Lessons

Full fledged course for beginner to advanced user. This masterclass is the only course you will ever need to master UI animations.

No coding skills required

You don't need any coding experience to attend this class. Also, ui animations don't require as such coding at all.

New classes added regularly

Yes, once you buy the course you will get access to new classes added to the masterclass.

Lumos Motion is that design spell that will set you apart from other designers ✨

So you are interested in levelling up your game. You should be!
But you know the road is not easy. This course will give you immense power in your hands and it's only up-to you how you take it further. UI/UX design is fasting growing field in US & Europe and someone who is capable of doing motion together with UI is the most in-demand right now.

GET ENROLLED!

This course is for you,
if you want

🚀
A career in design
This course is perfect for you if you want to start a career in design.
👌🏼
Creative freedom
Want a career which gives you creative freedom
🕵🏼
Seasonsed designer
This course is for beginners and for expert designers too.
🏋🏼
Work with big clients
Want to understand interaction design and work with big clients
🏆
To showcase your designs with fluid animations
If you want to showcase your designs with fluid animations to your clients or stakeholders.
💰
Well paid career
Want a career that’s well paid and in-demand
GET ENROLLED!

What if you could be an animation wizard 🧙

I know, that sounds far fetched. But what if this was possible? What if you could, on a whim, create interactions/animations that impress stakeholders, win clients, and even put you ahead in your career?

In this course, you’ll learn not only how to create interactions and animate interfaces well, but also how to do it quickly.

built for

UI/UX Designers

Chapters/Modules

12 Modules
60+ Video Lessons

Duration

5+ Hours

Number of tools

3 Tools
Figma, Principle and After Effects

What you'll learn in this masterclass 🎯

Everything from thinking animation, enhancing UX with motion, prototyping, animation to sharing your prototypes with developers and stakeholders. Start to finish!

Chapter 1 - Basics of Prototyping & Animation
- Intro
- What is prototyping?
- What is UI Animation?
- Tools for Prototyping and Animation?
- Learn how to use motion from big brands
Chapter 2 - Use of Motion in UI
- Why do we need motion in UI design?
- Is UI animation difficult?
- How motion enhances the UX of the products like websites and mobile apps?
- How does a Prototype and Animation work?
- Understanding Triggers & Keyframes
- What not to do while animating the UI?
Chapter 3 - Principles of UI motion design
- Intro
- Principles of UI Motion design
- Realtime vs Non-Realtime interactions
- Let's see these principles in action!
- Thinking animation based on these principles.
- Understanding motion choreography
- Understanding Tap Areas
- Understanding user interaction with mobile and web
Chapter 4 - Prototyping in Figma
-Introduction to Figma
- Figma Interface & Prototyping Panel
- Understanding Triggers in Figma
- Transition based animations
- Creating our first prototype
- Let's talk about interactions in Figma
- Scrolling and Paging
- Smart Animate
- Creating pressed button interaction
- Text Animation
- Basic card animation: Ideation
- Basic card animation: Properties being animated
- Basic card animation: Executing the animation
- Mobile Preview: Interacting with the prototype
- Bonus: Creating an animated background in Figma!
- Homework!
- Prototyping in Figma: Quiz
Chapter 5 - Animation Styles
- Reveal animation
- Zoom animation
- Slide in animation
- 3D layers animation
- Parallax animation
-Complex 3D & simulation based animation
- Understanding animation styles: Quiz
Chapter 6 - Transform Properties
- Introduction to Transform Properties
- Create animation in minutes by simple transform property changes
- Bad UI motion vs Effective UI motion
Chapter 7 - Prototyping in Principle
- Introduction to Principle
- Installing Principle
- Interface tour
- Layers panel
- Timeline panel
- Drivers panel
- Basic set of tools inside principle
- Understanding 3 key things- Triggers, Drivers and Animate
- Importing files from Sketch & Figma
- Creating a basic transition based animation
- Understanding keyframes and timeline
- Basic card animation in principle
- Masking or clipping in principle
- Scrolling & dragging
- Easing in animation
- Timing an animation
- Creating fake tap areas
- Let's talk about components
- Creating a working prototype using components
- Previewing the interaction on mobile device
- Recording the animation & handoff to developers
- Summarising everything!
Chapter 8 - Micro-interactions in Figma & Principle
- What are micro-interactions?
- How subtle micro-interactions are very important for the user
- Tab bar animation in Figma
- Hamburger menu animation in principle
- Tab bar animation in Principle
Chapter 9 - Introduction to After Effects
- Intro to Adobe After Effects
- Importance of AE in product design
- Basic animation workflow in after effects
- Importing layers from Figma
- Understanding how layers work in AE
- Understanding keyframes and timeline in AE
- Effects panel
- Transform properties: PSRT
- Shape layers or Vectors
- Simple Loading Animation
Chapter 10 - Lottie Animations inside AE
- What is lottie animation?
- Bodymovin plugin in action
- Creating a Heart icon animation
- Exporting in JSON format
- Thoughts on After Effects
Chapter 11 - Exporting Animations & Live Device Preview
- Sharing prototypes using share feature in Figma
- Exporting prototypes in Video format
- Live device preview in Figma and Principle
- Animation handoff to developers
Chapter 12 - Final thoughts and Getting better at Animation Thinking
- Tools don't matter much
- How to think of an animation
- Resources you can take inspiration from
- What tools do I use to work with clients?
- Extro!
Bonus Chapter: Complex Animations with Principle & AE
- Creating a phone charging feedback animation
- Complex text animation in Principle
- Complex animation 3 (Unlock itself 1 month after course completion)
- Complex animation 4 (Unlock itself 1 month after course completion)

What you can conjure after completing
this masterclass 😍

Create beautiful interactions like these shown below!

Let's Win together

“I had a really good one-on-one with Aashish as part of the mentoring program. He's amongst many things a UI animation genius.”
Terence Sharpe
Digital Designer
“The great interaction designer I have ever met. While working with Aashish, I never felt like working with a colleague. I have learned a lot from him. Seeing him creating such amazing interactions made me also learning the same. Aashish is a good friend and an exemplary mentor.”
Anshul Bhatia
Product Designer, White hat jr
“Had an enlightening session
with Aashish Kumar.
Thank you for the all the advice & for helping designers like me. 👏🏻”
Prabh Chawla
User Interface Designer

About Aashish

Based in Berlin, Germany
After watching a ton of YouTube videos, practicing for years, enrolling in a wide number of courses and a ton of trial and error, Aashish finally reached a point where he got down the fundamentals of creating any kind of animation. Flash forward to today, Aashish has created hundreds of UI animations for million dollar startups and clients ranging from Byjus, Snapdeal, JustWatch and many more.
‍
And unlike so many courses out there today, Aashish wanted to create a masterclass that cuts out the theory and providing you with the practical fundamentals that actually work.
After completing this course you will be able to solve more complex problems using your interaction design thought process. See you in the class!
Worked with clients all around the world

Boost your design career
Alohomora ✨

UI Animation Masterclass is sold out.
60+ Video Lessons. Value packed masterclass.
Project Files. Get access to all the project files shown in the masterclass.
Lot of Bonus Content. BONUS Chapter (We'll look at creating complex animations)
Enrollment closes in
0
days
0
hr
:
0
:
0

Sold out

$299

$399
Join the waitlist to get notified when the enrolment opens.
60+ Video Lessons
Project Files
Ebook
Workbooks
Quizes
Call Support
Community access
ADD ME TO THE WAITLIST!3 monthly payments of $120/month
Payment is processed and secured by Stripe and PayPal by 128bit SSL encrypted payment.

Frequently asked questions 🔍

Why UI Animation Masterclass?
Unlike other courses, the UI Animation masterclass is a concise course with value-packed 90+ videos to transform your career. Along with video lessons, you will have access to worksheets, quizzes, project files, and ebooks. Create a working prototype, beautiful animations & micro-interactions for your mobile app & website which will put you on the world's most wanted designer list.
What it is included in this course?
This masterclass includes-

🌈  60+ video lessons of practical and concise knowledge
😃  Actionable, easy-to-digest 5-8 min videos
📄  Downloadable project files for every lesson
📝  Worksheet exercises to apply what you learned
😍  Valuable links and resources for every lesson
🚀 The ultimate UI animation project checklist as a takeaway
When can I access Masterclass modules?
The first set of modules will open up on 23rd of March, 3:00 pm CET and the rest of the modules will drip over the month long period. The modules will be dripping because the masterclass is still in production.
How will I get access to all the lessons in the masterclass?
Currently, the course is in production. After ordering the course, you will receive an email with a link to login/signup to the masterclass. Once you log in, you'll have immediate access to the course but the videos will be locked until the launch drip date of modules. You can follow the linear progression at your own pace.
What tools are being taught in this masterclass?
We will start with a basic design tool called Figma which is an industry-standard tool for designing UI. We will prototype in Figma, then we will move to Principe and finally, we will see how to create complex animations inside Adobe After Effects.
What makes this course different from all other UI animation courses?
This is not a course covering one single thing. There's a reason why it is called Masterclass. We nurture you from beginner to advanced level designer. Everything from ideation to developer handoff is covered inside this masterclass. Video lessons are not always enough so we will also provide workbooks and quizzes to validate your knowledge while you progress along the journey.
I'm new to Figma, Principle and After Effects. Is this masterclass right for me?
Of course! This masterclass teaches you the very basics of the above-mentioned tools. So if you've just started out in design it is okay. But to be honest, we will say first gather basic design knowledge and then come back and get enrolled in the course, then it will be a very smooth journey. Although we have tried to explain every bit in an easily understandable way.
What if I'm unhappy with the course?
We are very confident in our masterclass that it will serve our students well. But if in case, you aren't happy with the class, then email us within 30 days of purchase and we'll offer a full refund.
Will I be able to create fully interactive prototypes by the end of this course?
Yes, for sure! You'll learn a step-by-step process you can use in any future projects. And guess what, within minutes you'll be able to create fully-fledged prototype.
Will it be live class or recorded session?
This masterclass will be a recorded set of videos.
Will this masterclass be useful if I want to prototype in some other tool?
Yes, of course! The basics are always the same for interaction design and switching to a different tool doesn't matter. But yes, the interface might be different for a different tool.

Still have doubts?

Drop us a text Drop us a text and we will get back within 24 hours.

Contact us
Million Frames
Work
About
Products
Academy
Design Courses
Youtube
Blog
After Effects Templates
Contact

Building digital products, helping brands with design and animation, and teaching aspiring creatives the art behind design.

I'm sharing content on these channels. Become a part of our community here👋
Community of 15,000+  & counting
Academy
FREE UI animation in FigmaUI Animation MasterclassDesign Mentorship
Products
UI AssetsAfter Effects TemplatesPhone Mockups

Sign up for weekly design newsletter🔥

Copyright © 2020 Million Frames. Made with ❤️ in Germany & India.