Search lessons...

All Lessons

Kickstarting Your Framer Journey

Introduction

2:23

Free

Before We Start

3:24

Free

Framer Vs Figma Vs Webflow

3:22

Free

Is learning Figma Necessary?

3:25

Free

Getting Acquainted with Framer

7:29

Free

Design Foundations

Core Design Elements

11:01

Free

Pretty Design vs Functional Design

7:56

Free

Understanding Layouts (stacks, grid-based)

13:33

Free

Understanding Sizing (fill, auto, fixed)

9:57

Free

Understanding Positioning: Absolute, Relative, Fixed, and Sticky

9:48

Free

Style Management (Design System)

14:08

Free

Building Blocks

Component Essentials

8:44

Free

Understanding Variants & Variables

5:40

Free

Hover & Pressed state in Variants

8:44

Free

Understanding Interactions in Components

9:21

Free

Pre-Built Components

2:53

Free

Dynamic Content (CMS)

Content Management Basics

1:00

Free

Use Cases in CMS

6:49

Free

Sorting & Filtering CMS

15:29

Free

Search Component in CMS

6:27

Free

A Quick Break

0:42

Free

Motion and Interaction

Animation Basics

4:29

Free

Creating Engaging Animations

17:43

Free

Best Practices for Animation

7:23

Free

Advanced Design and Deployment

Responsive Design

8:54

Free

Optimizing Your Site

5:20

Free

Bringing It All Together

1:56:26

Free

Extra Tips

5:16

Free

Good to Go

Congrats & Next Steps

2:38

Free

Back

All Lessons

/

Design Foundations

/

Understanding Layouts (stacks, grid-based)

Understanding Layouts (stacks, grid-based)

Free

Imed WME

Your Instructor