Figma animations & micro-interactions
deep dive

Figma Animations & Micro-Interactions
Deep Dive

One 3.5-Hour Session, Taught live via Zoom

1 Saturday Morning
5/3/25
9:00a - 12:30p PT
$195

Instructor: Michael Ortlieb, Director of Design, Integrated Engineers Portal, JPMorganChase

Also available as a team training for groups of 8+. Learn more here.

Why Take This Course?
Next time pay close attention when you smash the “Like” button on a YouTube video. Note how it literally moves up before releasing some positive red energy vibes. Or pull out your Google App and give it a voice command. Those pulsating color bars, like the YouTube thumb, are both examples of micro-interactions or animations that give users valuable feedback while making the digital experience more of a joy. You may be new to the world of animation, but we’ll show you what’s involved and have you creating your own in micro-interactions in Figma.

Course Description
In this class, we’ll combine demonstration and hands-on practice to become very familiar with Animations and Micro-Interactions in Figma. Here are a few of the topics we’ll be covering:

  • The basics of micro-interactions: The trigger, rules, feedback, and loops & modes

  • Understanding and creating key frames

  • Toggling interactions and adding interactivity

  • Previewing your micro-interaction prototype

  • Using Figma’s Smart Animate tool

  • Troubleshooting animation problems

Prerequisites and Requirements
You must already be familiar with Figma basics. We recommend you have a dual-monitor setup when you take this class. The Figma software we’ll be using for this course is free.

View Class Outline (Outline to come)