Ryan Hayward – The Framer Masterclass (Flux Academy)

60+ Action-Packed Videos

Discover the power of Framer through short & actionable lessons in a structured way – while building a stunning landing page.

8-Week Expert Mentoring

Get direct & private feedback and guidance from our supportive team of Flux Academy mentors. Master Framer on your own terms.

Led by an Official Framer Mentor

Ryan Hayward, an official Framer mentor, leads this course with his deep knowledge of Framer and passion for teaching.

Private Community Invitation

Become a member of our private community, enrich your learning experience, and grow along with like-minded designers.

Lifetime Access & Future Updates

Get lifetime access to the course, including future updates. Framer is evolving fast. Don’t get left behind, keep your skills up-to-date.

Career Opportunities

With the skills you gain from this course, you can open doors to new opportunities in web design and be a pioneer in your field.

Welcome & Course Overview

Framer vs Webflow

Framer vs Figma

Overview of the Framer Dashboard

Creating Your First Site

Fundamentals

Key Concepts for Mastering Framer

Intro to the Framer Editor

Understanding Sizing

Positioning: Relative vs Absolute vs Sticky vs Fixed

Using Layout

Demo: Creating a Hero Section

Styling

Overlays

Breakpoints

Navigation & Links

Using Icons

Slideshow & Carousels

Using Video

Understanding Site Settings

Publishing Your Site

Components

Overview of Components

Variables

Variants

Hover and Pressed States

Interactions

Logic With Components

Demo: Building a Custom Navbar

Content Management System

Understanding the CMS

Sorting & Filtering

Search component

Animations

Understanding Effects & Animations

Effect Options (Appear, Hover, Etc.)

Component vs Regular Effects

Creating a Parallax Effect

Demo: Adding Effects to a Landing Page

Advanced Use Cases

Using the Ticker

Working With Remixes

Embeds

Override Code

Custom Search Bar

Putting It All Together: Building a Full Site

Exporting From Figma

Setting Up the Framer Project

Creating The Hero Section

Building The Navbar

Building The Site Content

Testimonial Section

Creating The Call-To-Action

Creating The Footer

Fixing Common Site Issues

Adding Effects

Making The Site Mobile Responsive

Publishing The Site

Bonus: Making Money with Framer

Selling Framer To Clients

Client Handover Checklist

Pricing Framer Sites

Framer Partner Program

Selling Templates

Getting Your Template Approved

Building Products For Framer

Closing Thoughts & Certification

Thank you! What’s next?

Certification Quiz

Sale Page: https://www.flux-academy.com/courses/the-framer-masterclass

Proof Download