Knowledge is power.

photo of man

Framer for Beginers

Master Framer from the ground up. Learn the interface, design beautiful websites, and impress clients - all in record time.

4.9

(15,7k)

10 hours

Updated:

Jan. 2024

Search lessons…

Getting Started with Framer

4 Lessons

2h 15m

Introduction to Framer's basics and interface

Framer Introduction

12:30

Setup & Interface

5:20

Essential Tools

5:20

Design in Framer

5 Lessons

2h 45m

Mastering Framer's design capabilities

Shapes & Pen Tool

5:20

Colors & Gradients

5:20

Typography & Icons

22:55

Responsive Design

25:30

Interaction & Animation

4 Lessons

2h 00m

Bringing designs to life with interactivity

States & Variants

30:20

Transitions & Animations

35:45

Scroll Effects

28:15

Gesture Controls

25:50

Prototyping & Interactions

3 Lessons

2h 51m

Creating complex, functional prototypes

Smart Components

35:25

Variables & Conditions

40:15

Code Components Basics

35:40