The Framer Mastery Course

Course
80 Lessons

Learn Framer from A to Z from a lead designer with a decade of experience.

Buy now

Welcome

Start Here

How to Use this Course.mp4

Standalone vs Browser.mp4

The Starter Screen.mp4

Basics

Framer UI Overview.mp4

Add and Preview Pages.mp4

Sections, Navigations and Menus.mp4

Components, Variants and Variables.mp4

Box Model & Components.mp4

Images 101.mp4

Colors & Gradients.mp4

Shadows 101.mp4

How to Add Links.mp4

Typography 101.mp4

Pages, Layers and Assets.mp4

Icons.mp4

Forms.mp4

Actions.mp4

How to Publish a Site.mp4 .mp4

Export.mp4

Intermediate to Advanced

Stacks.mov

Rows, Columns & Grids.mp4

from Web to Framer.mp4

Video.mp4

Creatives.mp4

Custom Cursors.mp4

Transforms.mp4

Overflow and Hide Tool .mp4

Built-in Accessibilty.mp4

Utilities.mp4

Youtube or Vimeo Embeds.mp4

Interactions & Animations

Effects.mp4

Types of Effects.mp4

On Appear, On Scroll, Layer and Section in View.mp4

Effects - Site Case Study.mp4

Components Library & Effects.mp4

Overrides.mp4

Scroll Animation, Transform and Speed.mp4

Ticker.mp4

Slideshow.mp4

Carousel.mp4

Maps & Social Components.mp4

GIFs.mp4

CMS

Intro to the CMS.mp4

CMS Collections & Items.mp4

Filtering and Sorting CMS Collections.mp4

CMS Collection Lists.mp4

Collaboration

How to Share a Framer Site.mp4

How to Add Comments.mp4

Let’s Build your First Site

1 - Navigation Menu.mp4

2 - Hero Section.mp4

3 - Responsive Foundations.mp4 .mp4

4 - Social Section.mp4

5 - Features.mp4

6 - Content Sections.mp4

7 - Content + Pricing.mp4

8 - Pricing.mp4

9 - Forms.mp4

10 - Footer.mp4

Pre Launch Checklist

Pre Launch Checklist.mp4

AI + Framer

Framer AI.mp4

Site Audits using GPT.mp4

ChatGPT & Framer.mp4

AI Wireframes & Sitemaps.mp4

Wireframe Build using GPT.mp4

Accessibility 101.mp4

Site Settings

General.mp4

Page Settings & Redirects.mp4

Domains.mp4

Versions & Analytics.mp4

Additional Resources

Framer SEO.mp4

Troubleshooting Resources.mp4

Analysis of a Premium Site.mp4

Responsive Designs on Devices.mp4

Top Sites for Royalty Free Images.mp4

My Favourite Tools for Managing Icons.mp4

Chrome Extensions for Framer.mp4

Framer Cheat Sheet.pdf

Framer Templates

Top Resources to Built Sites Faster.mp4

Selling Framer Templates for Passive Income.mp4