Overview of the Framer Dashboard

Framer VS Figma

Creating your first site

Welcome & Course Overview

Transitioning From Webflow

Key Concepts For Mastering Framer

Intro to the Framer editor

Understanding Sizing

Using Layout

Positioning - Relative vs Absolute vs Sticky vs Fixed

Demo - Creating a Hero Section

Overlays

Styling

Navigation & Links

Breakpoints

Using Icons

Slideshow and Carousels

Publishing your site

Using Video

Understanding site settings

Overview of Components

Variables

Variants

Hover and Pressed States

Interactions

Logic with components

Demo - Building a Custom Navbar

Understanding CMS

Demo - Building a Blog

Search Component

Understanding Effects & Animations

Component VS Regular Effects

Effect Options (appear, hover, etc)

Demo - Adding Effects To a Landing Page

Creating a Parallax Effect

Using The Ticker

Working With Remixes

Embeds

Override Code

Custom Search Bar

Using Framer AI

Exporting From Figma

Setting Up the Framer Project

Building The Navbar

Testimonial Section

Building The Site Content

Creating The Call-To-Action

Creating The Hero Section

Creating The Footer

Fixing Common Site Issues

Publishing The Site

Making The Site Mobile Responsive

Adding Effects

Client Handover Checklist

Transferring Sites To Clients

Selling Framer To Clients

Framer Partner Program

Why & How To Join The Framer Experts Program

Pricing Framer Sites

Building Products For Framer

Selling Templates

Getting Your Template Approved

Thank you! What's next