Flux Academy – Framer Masterclass [Ryan Hayward]

Master Framer & Build Stunning sites at Lightning Speed. Discover the power of Framer through short & actionable lessons in a structured way – while building a stunning landing page. With our Figma assets & step-by-step instructions, you’ll soon be shipping a variation of this custom Framer landing page for your portfolio or client work.

What You Get:

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