Example Curriculum
Introduction
Available in
days
days
after you enroll
Why Is Motion Important?
Available in
days
days
after you enroll
Figma Basics
Available in
days
days
after you enroll
- Figma Resources For This Section
- Introduction (2:49)
- Plans and Signup (2:32)
- Where to use Figma (1:22)
- Figma UI (Structure) (2:45)
- Figma UI (Files) (2:42)
- Figma UI (Toolbar) (6:57)
- Figma UI (Left Sidebar) (7:33)
- Figma UI (Right Sidebar) (6:28)
- Shapes and Tools (Frames) (3:13)
- Shapes and Tools (Groups) (2:44)
- Shapes and Tools (Basic Shapes and Boolean Operations) (6:25)
- Designing in Figma (Images) (5:51)
- Designing in Figma (Getting Started with Text) (6:01)
- Designing in Figma (Constraints) (4:35)
- Designing in Figma (Using Auto Layout) (5:02)
- Designing in Figma (Auto Layout Properties) (7:58)
- Resources and Collaboration (Community Files) (3:09)
- Resources and Collaboration (Community Plugins) (5:57)
- Resources and Collaboration (Sharing and Comments) (5:00)
- Project (What We Are Going To Build) (1:24)
- Project (Creating a Logo Using Basic Shapes) (5:03)
- Project (Auto Layout Buttons) (5:05)
- Project (Creating a Responsive Navigation) (9:06)
- Project (Responsive Text) (5:32)
- Project (Imagery and Gradients) (5:34)
- Project (Strokes and Shapes) (4:40)
- Project (Layout and Responsiveness) (7:50)
- Let's Have Some Fun (+ Free Resources)
Introduction to Smart Animate
Available in
days
days
after you enroll
- Figma Resources For This Section
- Figma Check In (Intro to Smart Animate) (2:07)
- Figma Check In (Smart Animate Properties) (3:50)
- Exercise (Parallax) (5:21)
- Exercise (New Message) (5:13)
- Exercise (Overlays) (5:17)
- Figma Check In (Interactive Components) (4:43)
- Exercise (Interactive Buttons) (7:54)
- Unlimited Updates
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
- Figma Resources For This Section
- Exercise: Navigation Transitions (Navigation Design) (10:32)
- Exercise: Navigation Transitions (Heart) (10:04)
- Exercise: Navigation Transitions (Cart) (6:58)
- Exercise: Navigation Transitions (Home) (7:11)
- Exercise: Scrolling (Landing Page) (8:18)
- Exercise: Scrolling (Anchor Links) (4:03)
- Exercise: Scrolling (Parallax) (9:06)
- Exercise: Paging (Simple Carousel Dots) (11:32)
- Exercise: Paging (Carousel Animations) (12:56)
- Exercise: Dragging (Listing Card) (13:31)
- Exercise: Dragging (Image Drag) (8:09)
- Exercise: Dragging (Dragging Through Content) (11:21)
- Exercise: Dragging (Drag and Drop) (10:48)
- Exercise: Microinteractions (File Uploader) (5:15)
- Exercise: Microinteractions (File Uploader Part 2) (8:59)
- Exercise: Microinteractions (Pause and Play) (2:19)
- Exercise: Microinteractions (Like Button) (5:31)
- Exercise: Microinteractions (Like Interaction) (11:24)
- Exercise: Delight (Success Modal) (6:04)
- Exercise: Delight (Confetti Pop) (11:13)
- Exercise: Delight (Checklist) (9:37)
- Exercise: Delight (Checklist Part 2) (10:40)
- Exercise: Delight (Cart Button Part 1) (8:01)
- Exercise: Delight (Cart Button Part 2) (16:26)
The Motion Design Process
Available in
days
days
after you enroll
Project: National Geographic Carousel
Available in
days
days
after you enroll
Microinteractions
Available in
days
days
after you enroll
Project: Smart Home Application
Available in
days
days
after you enroll
Feedback
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