You are being redirected! Please, wait...

  Introduction

Available in days

days after you enroll

• Motion Design with Figma: Zero to Mastery (3:10) Preview
• Exercise: Meet Your Classmates and Instructor Start
• Figma Design Resources Start
• How-to's: Speed up videos, Downloading videos, Subtitles Start

  Why Is Motion Important?

Available in days

days after you enroll

• Common Misconceptions Of Motion Design (5:25) Preview
• Motion Helps Create Usability (7:19) Preview
• Narrative And Mental Models (9:31) Preview
• Where To Next? Your Choice... (1:00) Preview

  Introduction To Figma

Available in days

days after you enroll

• Getting Started With Figma Start
• Figma Resources For This Section Start
• Introducing Figma (1:49) Start
• Figma Dashboard (5:12) Start
• Figma Tools (5:45) Start
• Layers And Pages (3:22) Start
• The Top Bar (10:27) Start
• Design Properties (11:16) Start
• Prototyping With Figma (3:35) Preview
• Exercise: Creating A Responsive Layout (16:43) Start

  Introduction To Smart Animate

Available in days

days after you enroll

• Figma Resources For This Section Preview
• Scale (6:21) Preview
• Position (5:23) Preview
• Opacity (5:44) Start
• Rotation (2:57) Start
• Fill (8:10) Start
• Exercise: Creating A Simple Interaction (5:38) Start
• Exercise: Animating The Navigation (10:00) Start
• Exercise: Creating A Larger Prototype (13:06) Start

  Project: Photo Inspiration Application

Available in days

days after you enroll

• Figma Resources For This Section Start
• Design Assets (11:26) Start
• Filtering Through Categories (9:08) Start
• Screen Transitions And Drag Interactions (11:09) Start
• Simple Microinteractions (12:49) Start

  Motion Design Principles

Available in days

days after you enroll

• Introduction (1:09) Start
• Easing (2:13) Start
• Offset And Delay (2:02) Start
• Parenting (2:12) Start
• Transformation (2:27) Start
• Value Change (3:35) Start
• Masking (2:28) Start
• Overlay (1:54) Start
• Cloning (1:52) Start
• Obscuration (2:06) Start
• Parallax (3:04) Start
• Dimensionality (2:36) Start
• Dolly And Zoom (2:48) Start

  Creating Motion In Figma

Available in days

days after you enroll

• Figma Resources For This Section Start
• Exercise: Navigation Transitions (Navigation Design) (10:32) Start
• Exercise: Navigation Transitions (Heart) (10:04) Start
• Exercise: Navigation Transitions (Cart) (6:58) Start
• Exercise: Navigation Transitions (Home) (7:11) Start
• Exercise: Scrolling (Landing Page) (8:18) Start
• Exercise: Scrolling (Anchor Links) (4:03) Start
• Exercise: Scrolling (Parallax) (9:06) Start
• Exercise: Paging (Simple Carousel Dots) (11:32) Start
• Exercise: Paging (Carousel Animations) (12:56) Start
• Exercise: Dragging (Listing Card) (13:31) Start
• Exercise: Dragging (Image Drag) (8:09) Start
• Exercise: Dragging (Dragging Through Content) (11:21) Start
• Exercise: Dragging (Drag and Drop) (10:48) Start
• Exercise: Microinteractions (File Uploader) (5:15) Start
• Exercise: Microinteractions (File Uploader Part 2) (8:59) Start
• Exercise: Microinteractions (Pause and Play) (2:19) Start
• Exercise: Microinteractions (Like Button) (5:31) Start
• Exercise: Microinteractions (Like Interaction) (11:24) Start
• Exercise: Delight (Success Modal) (6:04) Start
• Exercise: Delight (Confetti Pop) (11:13) Start
• Exercise: Delight (Checklist) (9:37) Start
• Exercise: Delight (Checklist Part 2) (10:40) Start
• Exercise: Delight (Cart Button Part 1) (8:01) Start
• Exercise: Delight (Cart Button Part 2) (16:26) Start

  The Motion Design Process

Available in days

days after you enroll

• Discovery And Research Part 1 (2:08) Start
• Discovery And Research Part 2 (3:39) Start
• Design And Storyboard (3:31) Start
• Prototype (2:11) Start
• Testing (3:38) Start
• Helpful Tips (11:35) Start

  Project: National Geographic Carousel

Available in days

days after you enroll

• Figma Resources For This Section Start
• Simple Landing Page Carousel (12:21) Start
• Complex Parallax And 3D Image Effect (7:03) Start
• Exercise: Imposter Syndrome (2:55) Start

  Microinteractions

Available in days

days after you enroll

• Figma Resources For This Section Start
• What Is A Microinteraction? (10:23) Start
• Why Microinteractions Are Important (9:14) Start
• Figmotion: Part 1 (11:10) Start
• Figmotion: Part 2 (11:49) Start

  Project: Smart Home Application

Available in days

days after you enroll

• Figma Resource For This Section Start
• Design A Mobile Home Screen (13:55) Start
• Create A Toggle Interaction (5:45) Start
• Temperature Adjustment Interactions (15:50) Start

  Feedback

Available in days

days after you enroll

• Why Is Feedback Important? (4:18) Start
• Constructive Feedback (6:48) Start

  Project: Home Renovation Landing Page

Available in days

days after you enroll

• Figma Resources For This Section Start
• Design A Landing Page (14:10) Start
• Prototyping A Landing Page (5:07) Start
• Parallax Effects: Part 1 (14:06) Start
• Carousel (3:57) Start
• Parallax Effects: Part 2 (6:08) Start
• Gallery (6:33) Start

  Project: Home Renovation Form

Available in days

days after you enroll

• Figma Resources For This Section Start
• Motion In Form Elements (5:11) Start
• Form Progress (4:20) Start
• Animating Form Content (3:53) Start
• Inputs And Buttons: Part 1 (7:37) Start
• Inputs And Buttons: Part 2 (6:32) Start
• Inputs And Buttons: Part 3 (6:32) Start
• Inputs And Buttons: Part 4 (4:17) Start
• Tooltips (3:43) Start
• Carousel Input (8:02) Start

  Project: Food Delivery Application

Available in days

days after you enroll

• Figma Resources For This Section Start
• Introduction (4:53) Start
• Using Parallax To Draw Attention (6:45) Start
• List Transitions (9:36) Start
• Alternative Overlays (6:56) Start
• Masking And Overlay (12:04) Start
• Microinteractions and Floating Action Buttons (8:17) Start
• Order Progress: Part 1 (8:28) Start
• Order Progress: Part 2 (10:54) Start

  Showcasing Your Work

Available in days

days after you enroll

• Figma Resources For This Section Start
• Kap For Mac (1:14) Start
• How To Use Kap (5:18) Start
• Using Your Kap Gif In Figma (3:17) Start
• Screenity For Chrome And Windows (0:42) Start
• How To Use Screenity (4:13) Start
• Using Your Screenity GIF in Figma (2:03) Start

  Where To Go From Here?

Available in days

days after you enroll

• Thank You! (1:17) Start
• Review This Course! Start
• Become An Alumni Start
• Endorsements On LinkedIn Start
• Learning Guideline Start