✦ FRAMER ✦ TRAINING
Introducing Framer Training

Design & build modern
websites with zerø code

Tactical video lessons on building custom sites with Framer.

Tactical video lessons on building
custom sites with Framer.

Introducing Framer Training

Design & build modern websites with zerø code

Tactical video lessons on building custom sites with Framer.

Framer Training

·

framer.training

Publish

Components

Project

Logo

Button

Feature

Header

Footer

Video

Styles

Text

H1

Heading / 1

Supply, 18

H2

Heading / 2

Supply, 16

H3

Heading / 3

Supply, 14

P

Paragraph

Supply, 12

Benjamin

Position

Type

Relative

Size

Width

Auto

Fit

Height

Auto

Fit

Effects

Video

Component

Source

reel.mp4

On Canvas

Play

Pause

Controls

Show

Hide

Muted

Yes

No

Curriculum

Modules to level
up your Framer game

Introduction

Course overview

Meet your teacher

Framer vs. other tools

Interface walkthrough

Pre-design checklist

Core Concepts

Type, graphics, and images

Stack & grid-based layouts

Positioning (relative, absolute, fixed)

Element sizing (fixed, fill, auto)

Reusable text & color styles

Components

Components overview

Creating variants & variables

Interactive states (hover, pressed)

Utilizing code components

Utilizing built-in plugins

Content System

CMS overview

Creating a CMS collection

Sorting & filtering content

CMS-generated site pages

Use cases, tactics, and more

Effects & Motion

Effects overview

Effect options (appear, hover, etc.)

Scroll transforms & variants

Motion-based components

Best practices / do's and don'ts

Extras & Details

Responsive design

Overlays & embeds

Custom code overrides

Settings & SEO metatags

Tips, tactics, and shortcuts

Pricing

Access the ultimate
Framer resource

Standard

$299

Lifetime updates

8+ video modules

4+ hours of video

Instant access

Community+

$599

Everything in solo, plus:

Student portal via Maven

Live sessions & events

Community chat

Standard

$299

Lifetime updates

8+ video modules

4+ hours of video

Instant access

Community+

$599

Everything in solo, plus:

Student portal via Maven

Live sessions & events

Community chat

Standard

$299

Lifetime updates

8+ video modules

4+ hours of video

Instant access

Community+

$599

Everything in solo, plus:

Student portal via Maven

Live sessions & events

Community chat

When does the course start?

The course is live! Purchase now and get an email with instructions to create your account and get access to the course.

Will there be more lessons in the future?

Yes—you'll get access to all future lessons & modules, which I'll release as Framer releases new features.

Why learn Framer with tools like Webflow?

With Framer, you can publish designs from a freeform canvas—similar to Figma. It's more intuitive to use, and much quicker to learn.

Meet your Teacher

Teacher Introduction
and recognition

Traf
Creator of this course.
Certified Framer expert.

Framer Training provides concise, tactical lessons on designing & publishing modern websites directly from a freeform canvas.

10x your ability to publish.
10% of the time & effort.

@traf

Jorn van Dijk
CE-YO at Framer

“Traf is one of the top experts using Framer.
I'm a huge fan of his work & sophisticated style."

@jornvandijk

“Traf is one of the top experts using Framer. I'm a huge fan of his work & sophisticated style."

@jornvandijk

“Traf is one of the top experts using Framer. I'm a huge fan of his work & sophisticated style."

@jornvandijk

Jack Butcher
Founder of Visualize Value

“Traf is a world class designer. If your goal is to learn how to build beautiful, thoughtful products & websites, Traf is your answer.”

@jackbutcher

Join 250+ future Framer
experts from all over the www

Join 150+ future Framer experts from all over the www