Flux Academy – Framer Masterclass

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!

What You’ll Learn In Framer Masterclass?

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