Home
Search lessons...
All Lessons
Kickstarting Your Framer Journey
Introduction
2:23
Free
Before We Start
3:24
Framer Vs Figma Vs Webflow
3:22
Is learning Figma Necessary?
3:25
Getting Acquainted with Framer
7:29
Design Foundations
Core Design Elements
11:01
Pretty Design vs Functional Design
7:56
Understanding Layouts (stacks, grid-based)
13:33
Understanding Sizing (fill, auto, fixed)
9:57
Understanding Positioning: Absolute, Relative, Fixed, and Sticky
9:48
Style Management (Design System)
14:08
Building Blocks
Component Essentials
8:44
Understanding Variants & Variables
5:40
Hover & Pressed state in Variants
Understanding Interactions in Components
9:21
Pre-Built Components
2:53
Dynamic Content (CMS)
Content Management Basics
1:00
Use Cases in CMS
6:49
Sorting & Filtering CMS
15:29
Search Component in CMS
6:27
A Quick Break
0:42
Motion and Interaction
Animation Basics
4:29
Creating Engaging Animations
17:43
Best Practices for Animation
7:23
Advanced Design and Deployment
Responsive Design
8:54
Optimizing Your Site
5:20
Bringing It All Together
1:56:26
Extra Tips
5:16
Good to Go
Congrats & Next Steps
2:38
Back
/
Imed WME
Your Instructor
They’re all design tools, but let’s cut through the noise. What sets Framer apart from Figma and Webflow? We’ll dive into the differences and help you understand why Framer could be your go-to choice.