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.
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
Framer Training
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.
Be the first to know about upcoming cohorts