Framer Masterclass – Flux Academy – Ryan Hayward

Framer Masterclass Information

Master Framer & Build Stunning sites at Lightning Speed

Get ahead of the game by mastering Framer with Flux Academy.

• Speed up your project timelines with Framer’s innovations.
• Create stunning animations easily & wow your clients.
• Learn to create interactive & responsive websites – fast!

is this you?

you are…

• Feeling limited by the capabilities of your existing web design tools?
• Seeking more creative freedom in your toolkit for web design?
• Looking for a web design tool with a shorter learning curve?
• Intrigued by all the buzz around Framer and want to discover more?
• Eager to create interactive, responsive & stunning sites fast?
• Looking for a course that offers mentoring by industry experts?
• Dreaming of a seamless way to design & build interactive sites?
• Determined to stay ahead of the curve in the world of web design?
• Interested in how AI can help you speed up your entire workflow?

Here’s what you’ll learn

Introduction

• 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

About Author

Ryan is a no-code freelance designer and startup founder with over 5 years of experience in building sites using tools like Webflow.

And he’s an official Framer mentor. He has successfully organized large events for a global community of over 90k+ designers.

Ryan’s primary objective is to make you more valuable as a designer by transforming you to become a Framer expert.

More courses from the same author: Ryan Hayward

Salepage: Framer Masterclass – Flux Academy – Ryan Hayward

Proof