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, fixed)
Element sizing (fixed, fill, auto)
Reusable text & color styles
Components
Components overview
Creating variants & variables
Interactive element states
Utilizing code components
Utilizing built-in plugins
Content & CMS
CMS overview
Creating a CMS collection
Sorting & filtering content
CMS-generated site pages
Use cases, tactics, and more
Effects & Motion
Effects overview
Element effect options
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
Pre-order now
for a 50% discount
Solo
$199
$399
Lifetime updates
10+ hours of video
50% off launch price
Certificate of completion
Community+
$399
$799
Everything in solo, plus:
Student portal via Maven
Live sessions & events
Community chat
Mentorship
$999/m
Everything in community, plus:
Private help & guidance
Fast, async messaging
Weekly 1 on 1 sessions
When does the course start?
June 23rd. You'll get an email with all details before it goes live.
How much does it cost?
June 23rd. You'll get an email with all details before it goes live.
What's included?
June 23rd. You'll get an email with all details before it goes live.
Can I get a refund?
June 23rd. You'll get an email with all details before it goes live.
Meet your Teacher
Teacher Introduction
and recognition
Traf
Creator of Framer Training
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."
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.”