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)