Framer Training

4.7 (10)

·

3 Weeks

·

Cohort-based Course

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

Hosted by

traf

Designer, maker, and certified Framer expert ✅

Course overview

10x your ability to publish ideas.

8 tactical course modules to clearly and effectively walk you through the ins and outs of Framer—allowing you to bring your (and your clients) ideas, products, and services to life through modern, scalable websites.

Who is this course for

01

Those who may already be familiar designing on a freeform canvas like Figma.

02

Creatives looking to learn practical skills to sell site design services or templates.

03

UX/UI designers who want to bring their ideas to life through simple, beautiful websites.

What you’ll get out of this course

8 modules / 10+ hours of video


Go from beginner to Framer expert


Free site templates, assets, and resources


Includes lifetime access to future modules

A pattern of wavy dots

Be the first to know about upcoming cohorts

Framer Training

Course syllabus

01

Introduction & walkthrough


A quick stroll through the Framer interface so you know where everything is and how it works on a high level, before digging into the details.

02

Design & Layout


Learn how to properly structure & align your content using stacks & grids. If you've used Figma's Auto Layout, you'll pick this up quickly.

03

Reusable Styles


Theming your site using text, link, and color styles will make adding new content a breeze—think of this as a design system for your website.

04

Components & Plugins


Learn to create highly customizable components you can easily reuse across your site—perfect for navbars, feature cards, footers, etc.

05

Content & CMS


Take advantage of Framer's ultra intuitive CMS to easily manage blog posts, project pages, and more, without even touching the canvas.

06

Effects & Motion


Add some beautiful appear, hover, and scroll interactions to sprinkle some magic throughout your website and delight your visitors.

07

Responsive Design


Learn how to make your content, pages, and components adapt properly across different browser & device sizes (Framer makes this very simple).

08

Tips & Tactics


Learn to make your way around Framer more effectively using keyboard shortcuts, command menu, and more to skyrocket your workflow,

Frequently Asked Questions

Stay in the loop

Sign up to be the first to know about course updates.

A pattern of wavy dots

Be the first to know about upcoming cohorts

Framer Training