Motion Design with Figma: Animations, Motion Graphics, UX/UI

Learn motion design using Figma from a design industry pro. You'll learn way more than just motion design principles and theory. This projects-based course will teach you how to use motion to take your designs (and portfolio) to the next level.

Taught by Daniel Schifano

This course includes:

  • 12.5+ hours on-demand, downloadable HD videos
  • 5+ bonus articles and resources
  • Access to exclusive ZTM community
  • Figma files, premium design templates, and design assets that you can use for your projects and portfolio
  • Certificate of Completion
Start Learning Now

Join 500,000+ students enrolled in ZTM courses!

What you'll learn

  • Use Figma like a pro to do User Interface Design, User Experience Design (UX/UI), Web Design and Mobile App Design
  • Learn the principles of Motion Design, the design process, best practices, and prototyping your projects for your customers and clients
  • Learn to add Motion Graphics and Animations to your projects
  • Learn Motion Design using Figma
  • Learn to use Smart Animate in Figma
  • Micro-interactions, animations, transitions, parallax,
  • Create your own professional design portfolio by the end of the course (we provide everything for you to customize!)
  • Learn Motion Design by actually building real-world projects alongside a design industry pro that you can add to make your design portfolio stand out
  • Learn UI/UX best practices using the latest trends in the industry

Meet your instructors

Hi! I'm Daniel.

Head of Product Design & Instructor

Daniel is a multi faceted designer and design leader with over 7 years of experience working for some world-class companies.

His expertise expands across multiple design disciplines including User Experience, Visual Design, User Research, Product Strategy, Lean and Agile Design Methodologies and much more.

Daniel has always been passionate about teaching by sharing his experience and empowering other designers. He has helped to grow and mentor many new designers in their careers and is now here to do the same for you as the very first Design Instructor at the Zero to Mastery Academy.

Why Zero To Mastery is right for you

With so many online resources available, it can be paralyzing not only figuring out where to start but more importantly which courses will actually teach you the skills you need to get hired.

That’s why the Zero To Mastery Academy exists, to provide industry-leading courses and content to teach you the relevant skills you need to advance your career and get you hired at some of the top companies in the world.

Join now to get complete access to this course and all others for only $23/month.

Monthly Membership

$39 / month
  • Unlimited access to all courses, workshops and career paths
  • Download all lessons for offline learning
  • Invite to private Discord with 200K+ members
  • Exclusive Academy only content
  • Access to private LinkedIn networking group
  • Custom ZTM course completion certificates

Annual Membership

$279 / year $23/month
  • All the benefits of a monthly membership
  • Save 40% compared to Monthly Membership

Course Curriculum

We want you to make sure this course is a good fit for you. So start learning motion design for free right now by clicking any of the PREVIEW links below.

Example Curriculum

Available in days
days after you enroll
  Why Is Motion Important?
Available in days
days after you enroll
  Introduction To Figma
Available in days
days after you enroll
  Introduction To Smart Animate
Available in days
days after you enroll
  Project: Photo Inspiration Application
Available in days
days after you enroll
  Motion Design Principles
Available in days
days after you enroll
  Creating Motion In Figma
Available in days
days after you enroll
  The Motion Design Process
Available in days
days after you enroll
  Project: National Geographic Carousel
Available in days
days after you enroll
Available in days
days after you enroll
  Project: Smart Home Application
Available in days
days after you enroll
Available in days
days after you enroll
  Project: Home Renovation Landing Page
Available in days
days after you enroll
  Project: Home Renovation Form
Available in days
days after you enroll
  Project: Food Delivery Application
Available in days
days after you enroll
  Showcasing Your Work
Available in days
days after you enroll
  Where To Go From Here?
Available in days
days after you enroll

Course Details

We guarantee you this is the most comprehensive online course on Motion Design using Figma. Micro-interactions, animations, creating beautiful UX/UI, and so much more! You will learn modern Motion Design principles and best practices by actually building real-world design projects in Figma step-by-step alongside a design industry pro.

This motion design course is going to give you the skills that will make you stand out from other designers, be recognized as a top designer and allow you to charge a lot of money for your time. We aren't talking about competiting for $5/hour designing logos on random freelancing websites. You will be able to charge at least 10x-20x that after completing this course.

By enrolling today, you’ll also get to join our exclusive live online community classroom so that you'll be learning and designing alongside thousands of students, alumni, mentors, TAs and Instructors.

Most importantly, you will be learning from (and with) Daniel, a design industry professional that has actual real-world experience as a lead product designer working for top companies all over the world.

Using the latest best practices in motion design, user interface (UI) and user experience (UX), this course focuses on efficiently teaching you all about building professional interactions, animations and motion graphics for all your future web and mobile app projects.

We will be using Figma and Figma Smart Animate to accomplish this because it is now the #1 tool used by the top modern designers. Figma is replacing all outdated design tools of the past (we're talking about you Adobe After Effects).

We also provide all Figma files, premium design templates, and assets in this course for you, so you can keep and use them when you work with all your future clients!

The curriculum is very hands on. Daniel takes you step-by-step from start to finish to becoming a Motion Designer that can build your own beautiful, professional projects.

The topics covered in the course are:

  1. 1. Introduction to Figma - Learn the different parts of Figma and what you will need to get started. We dive into the important details to get you up and running so there is no confusion.

    • Getting Started With Figma

    • Introducing Figma

    • Figma Dashboard

    • Figma Tools

    • Layers + Pages

    • The Top Bar

    • Design Properties

    • Prototyping With Figma

    • Exercise: Creating a Responsive Layout

  2. 2. Introduction to Smart Animate - Figma's Smart Animate is a game changer. You'll learn how to modify all the different properties it supports and then put that knowledge to use as we build and explain some simple prototypes.

    • Scale

    • Position

    • Opacity

    • Rotation

    • Fill

    • Exercise: Creating a Simple Interaction

    • Exercise: Animating Navigation Items

    • Exercise: Creating a Larger Prototype

  3. 3. Project: Photo Inspiration Application - You'll jump into your first project where you will take the provided resources and what you've already learned to create your own prototype of a photo inspiration mobile application.

    • Design Assets

    • Filtering Through Categories

    • Screen Transitions + Drag Interactions

    • Simple Micro-interactions

  4. 4. Why is Motion so Important? You will learn how motion plays a major role in building usable products and how it helps create narrative and reinforces mental models.

    • The Common Misconceptions of Motion Design

    • How Motion Helps Create Usability

    • Narrative + Mental Models

  5. 5. Motion Design Principles - In this section, you will learn the principles of motion design and what makes them integral to the success of any design.

    • Intro to Motion Design Principles

    • Easing

    • Offset + Delay

    • Parenting

    • Transformation

    • Value Change

    • Masking

    • Overlay

    • Cloning

    • Obscuration

    • Parallax

    • Dimensionality

    • Dolly + Zoom

  6. 6. Creating Motion in Figma - Time to combine the theory and practical knowledge you've gained and jump right back into Figma to build some smaller prototypes. Daniel walks you through each exercise step-by-step.

    • Exercise: Navigation Transitions

    • Exercise: Scrolling

    • Exercise: Paging

    • Exercise: Dragging

    • Exercise: Micro-interactions

    • Exercise: Delight

  7. 7. The Motion Design Process - How does motion design fit into the "normal design process"? Don't worry we got you covered. Daniel will explain his process for determining the right motion solutions for user needs.

    • Discovery + Research Part 1

    • Discovery + Research Part 2

    • Design + Storyboard

    • Prototype

    • Testing

    • Helpful Tips

  8. 8. Project: National Geographic Carousel - Learn how to create a simple and a complex version of a carousel effect in Figma.

    • Quick & Easy Landing Page Carousel

    • How to Build a Complex Parallax and 3D Image Effect

  9. 9. Micro-interactions - Dig deeper into why micro-interactions are so important. You'll then jump right into Figma to create your very own animation with Daniel using the Figmotion plugin.

    • What Is A Micro-interaction?

    • Why Are Micro-interactions So Important?

    • Figmotion: Part 1

    • Figmotion: Part 2

  10. 10. Project: Smart Home Mobile Application - Smart home apps are becoming more and more popular. Learn how to design a simple home screen and then animate it using Figma. Follow along with Daniel as he explains how he created a complex temperature adjustment interaction.

    • Designing The Home Screen

    • Create a Toggle Interaction

    • Temperature Adjustment Interactions

  11. 11. Feedback -  Learn the proper way to facilitate and gather constructive feedback for your designs.

    • Why Is Design Feedback Important?

    • Constructive Design Feedback

  12. 12. Project: Home Renovation Landing Page - Ever wanted to design a comprehensive landing page with animated elements? Here's your chance. Follow along with Daniel as he takes you through the process of breaking down a landing page into multiple prototypes.

    • Designing The Landing Page

    • Prototyping The Landing Page

    • Parallax Effects: Part 1

    • Carousel

    • Parallax Effects: Part 2

    • Gallery

  13. 13. Project: Home Renovation Form - People often forget about forms but using motion to help your user through a very important task is key. Daniel will teach you how to apply some subtle animations to your form interactions which will help you create more usable products.

    • Motion in Form Elements

    • Form Progress

    • Animating Form Content

    • Inputs + Buttons: Part 1

    • Inputs + Buttons: Part 2

    • Inputs + Buttons: Part 3

    • Inputs + Buttons: Part 4

    • Tooltips

    • Carousel Input

  14. 14. Project: Food Delivery Mobile Application - Learn how to create some flashy interactions with masking techniques and then follow along as Daniel explains how to create a complex order progress prototype.

    • Introduction

    • Using Parallax to Draw Attention

    • List Transitions

    • Alternative Overlays

    • Masking + Overlay

    • Micro-interactions + Floating Action Buttons

    • Order Progress: Part 1

    • Order Progress: Part 2

  15. 15. Showcasing Your Prototypes - You have all these prototypes but how do you show them off in your portfolio? We'll take you through several options for both Mac and Windows on how to record your prototype and export it to your preferred format.

    • Kap for Mac

    • How to use Kap

    • Using Your Kap GIF in Figma

    • Screenity for Chrome + Windows

    • How to Use Screenity

    • Using Your Screenity GIF in Figma

Graduates of Zero To Mastery are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, Shopify + other top tech companies. They are also working as top freelancers getting paid while working remotely around the world. This can be you.

And you have nothing to lose. You can start learning now and if this course isn't everything you expected, we'll refund you 100% within 30 days. No hassles and no questions asked.

Click Start Learning Now to join the Academy and start learning motion design. We'll see you inside the course!

Answers to (at least some of) your questions

Are there any prerequisites for this course?

  • A computer (Windows, Mac, or Linux) with an internet connection. That's it!
  • No prior knowledge is required. You will learn everything from scratch
  • A willingness and enthusiasm to learn and take action
  • Not required but if you want to learn more than just motion design with Figma and want a step-by-step guide to go from complete beginner to getting hired as a designer making $100K+ a year, take our Web & Mobile Designer Career Path (which includes this course)

Who is this course for?

  • Anyone interested in learning Motion Design and learning about the power of Figma and what you can create with this amazing tool
  • Anyone who wants to get hired as a Web Designer, Mobile Designer, UI/UX Designer and stand out from other candidates
  • Anyone who wants to become a Full-time or Freelance Motion Designer
  • Freelance Designers who want to be able to charge more money and create a more impressive portfolio that helps you get more clients
  • Web Developers and Mobile Developers wanting to add another valuable skill to their tool belt
  • Anyone who wants to learn about the latest Motion Design practices to build modern and beautiful applications
  • Students who are frustrated with their current progress with other motion design tutorials out there that don't go beyond the basics and don't give you real-world practice or skills you need to actually get hired

Do you provide a certificate of completion?

We definitely do and they are quite nice. You will also be able to add Zero To Mastery Academy to the education section of your LinkedIn profile to help you stand out.

Can I use the course projects in my portfolio?

Yes, you’d be crazy not to in our slightly biased opinion! All projects are downloadable and ready to use the minute you join. Many of our students tell us the projects they built while following along with our courses were what got them interviews and because they built the projects themselves, they could confidently explain and walk through their work during the interview. You know what that means? Job offer!

Can I download the videos?

Definitely. You can download any and all lessons for personal use. We do everything we can to make learning easy, fun, and accessible whether that’s on your commute, on a flight or if you just have limited access to good wifi.

How long will it take for me to learn enough to become a Motion Designer?

Ultimately you’re the only can that can control that. This course will teach you the fundamentals needed to become a motion designer. By completing and customizing the projects in the course, you should be able to get your own clients and charge more than an average designer.

Still have more questions specific to the Academy membership? No problem, we answer some more here.

Live the life you want, starting now

Learning tech skills provides endless opportunities to live the life you want. Whether that’s a high paying job with a world-class tech company or freelancing remotely from a beach, the ZTM Academy will equip you with the skills and knowledge to achieve your dreams.

Our courses walk you through the entire journey to having a successful career in tech. Along the way, you’ll not only be supported by Daniel, other ZTM Instructors and course Teaching Assistants, but also your peers in the exclusive Zero To Mastery community in our private Discord server.

Join now to take the first step to change your life.

Monthly Membership

$39 / month
  • Unlimited access to all courses, workshops and career paths
  • Download all lessons for offline learning
  • Invite to private Discord with 200K+ members
  • Exclusive Academy only content
  • Access to private LinkedIn networking group
  • Custom ZTM course completion certificates

Annual Membership

$279 / year $23/month
  • All the benefits of a monthly membership
  • Save 40% compared to Monthly Membership