Course Curriculum
50+ lessons, 12 hours of video content, and a lifetime of updates. Everything you need to become a professional Framer developer.
Module 3
Interactions
1
Component Variants & Hover States
15m
Drive component state with variants and trigger transitions on hover.
1
Component Variants & Hover States
Drive component state with variants and trigger transitions on hover.
15m
2
Scroll Transforms & Parallax
20m
Tie element movement, scale, and opacity directly to scroll position.
2
Scroll Transforms & Parallax
Tie element movement, scale, and opacity directly to scroll position.
20m
3
Advanced Prototyping Workflow
28m
Wire up multi-step prototypes with conditional flows and shared state.
3
Advanced Prototyping Workflow
Wire up multi-step prototypes with conditional flows and shared state.
28m
4
Animation principles & easing curves
Reading
A primer on easing curves, timing, and the physics of believable motion.
4
Animation principles & easing curves
A primer on easing curves, timing, and the physics of believable motion.
Reading
5
Page transitions & shared elements
22m
Animate elements across page boundaries for cinematic navigation feel.
5
Page transitions & shared elements
Animate elements across page boundaries for cinematic navigation feel.
22m
6
Building a draggable card stack
26m
Build a swipeable, physics-driven card stack ready for mobile use.
6
Building a draggable card stack
Build a swipeable, physics-driven card stack ready for mobile use.
26m
7
Performance budget for animations
Reading
How to keep complex animations smooth on mid-tier mobile devices.
7
Performance budget for animations
How to keep complex animations smooth on mid-tier mobile devices.
Reading
8
Interaction timing reference
Resource
A reference card of recommended durations and easing for common UI motions.
8
Interaction timing reference
A reference card of recommended durations and easing for common UI motions.
Resource
9
Interactions checkpoint quiz
Quiz
Test your understanding of variants, transitions, and motion design.
9
Interactions checkpoint quiz
Test your understanding of variants, transitions, and motion design.
Quiz
Build your legacy on the web.
Join 5,000+ designers who have moved beyond static mockups to shipping production-ready sites for global brands.
Join 5,000+ designed building on Framer
Build your legacy on the web.
Join 5,000+ designers who have moved beyond static mockups to shipping production-ready sites for global brands.
Join 5,000+ designed building on Framer