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

---

Flux Academy Framer Masterclasss Index:

 

📂  01-Introduction

📄 01-Welcome & Course Overview.mp4 (46.82 MB)

📄 02-Transitioning From Webflow.mp4 (37.43 MB)

📄 03-Framer VS Figma.mp4 (22.35 MB)

📄 04-Overview of the Framer Dashboard.mp4 (13.77 MB)

📄 05-Creating your first site.mp4 (3.31 MB)

 

📂  02-Fundamentals

📄 01-Framer Remix (Fundamentals).pdf (23.22 KB)

📄 01-Key Concepts For Mastering Framer.mp4 (16.52 MB)

📄 02-Intro to the Framer editor.mp4 (20.35 MB)

📄 03-Remix Link.pdf (21.73 KB)

📄 03-Understanding Sizing.mp4 (36.23 MB)

📄 04-Notes.pdf (28.81 KB)

📄 04-Positioning – Relative vs Absolute vs Sticky vs Fixed.mp4 (40.86 MB)

📄 05-Using Layout.mp4 (43.22 MB)

📄 06-Demo – Creating a Hero Section.mp4 (73.14 MB)

📄 07-Styling.mp4 (34.19 MB)

📄 08-Overlays.mp4 (50.48 MB)

📄 08-Remix.pdf (23.57 KB)

📄 09-Breakpoints.mp4 (36.45 MB)

📄 10-Navigation & Links.mp4 (24.48 MB)

📄 11-Using Icons.mp4 (21.20 MB)

📄 12-Slideshow and Carousels.mp4 (26.91 MB)

📄 13-Using Video.mp4 (53.59 MB)

📄 14-Understanding site settings.mp4 (58.93 MB)

📄 15-Publishing your site.mp4 (11.49 MB)

 

📂  03-Components

📄 01-Framer Remix (Components).pdf (22.87 KB)

📄 01-Overview of Components.mp4 (25.13 MB)

📄 02-Variables.mp4 (20.03 MB)

📄 03-Variants.mp4 (19.28 MB)

📄 04-Hover and Pressed States.mp4 (15.71 MB)

📄 05-Interactions.mp4 (31.25 MB)

📄 05-Remix Link.pdf (21.73 KB)

📄 06-Logic with components.mp4 (37.75 MB)

📄 07-Demo – Building a Custom Navbar.mp4 (138.61 MB)

 

📂  04-CMS

📄 01-Understanding CMS.mp4 (41.72 MB)

📄 02-Filtering and Sorting.mp4 (55.64 MB)

📄 02-Framer Remix (Blog Filtering).pdf (22.78 KB)

📄 03-Search Component.mp4 (36.83 MB)

📄 04-Demo – Building a Blog.mp4 (66.13 MB)

 

📂  05-Animations

📄 01-Framer Remix (Animation & Effects).pdf (23.00 KB)

📄 01-Understanding Effects & Animations.mp4 (63.79 MB)

📄 02-Effect Options (appear, hover, etc).mp4 (81.92 MB)

📄 03-Component VS Regular Effects.mp4 (20.24 MB)

📄 04-Creating a Parallax Effect.mp4 (115.52 MB)

📄 05-Demo – Adding Effects To a Landing Page.mp4 (69.59 MB)

 

📂  06-Advanced Use Cases

📄 01-Using The Ticker.mp4 (39.31 MB)

📄 02-Working With Remixes.mp4 (10.97 MB)

📄 03-Embeds.mp4 (27.79 MB)

📄 03-Framer Remix (Advanced use cases).pdf (24.01 KB)

📄 04-Override Code.mp4 (63.58 MB)

📄 05-Custom Search Bar.mp4 (46.29 MB)

📄 05-Custom search bar remix.pdf (23.24 KB)

📄 06-Using Framer AI.mp4 (60.87 MB)

 

📂  07-Putting It All Together – Building a Full Site

📄 01-Exporting From Figma.mp4 (22.81 MB)

📄 01-Figma Link.pdf (22.58 KB)

📄 02-Follow along in Framer.pdf (22.00 KB)

📄 02-Setting Up the Framer Project.mp4 (25.01 MB)

📄 03-Creating The Hero Section.mp4 (132.58 MB)

📄 04-Building The Navbar.mp4 (55.86 MB)

📄 05-Building The Site Content.mp4 (187.63 MB)

📄 06-Testimonial Section.mp4 (117.16 MB)

📄 07-Creating The Call-To-Action.mp4 (39.20 MB)

📄 08-Creating The Footer.mp4 (27.73 MB)

📄 09-Fixing Common Site Issues.mp4 (30.58 MB)

📄 10-Adding Effects.mp4 (58.35 MB)

📄 11-Making The Site Mobile Responsive.mp4 (79.06 MB)

📄 12-Publishing The Site.mp4 (21.48 MB)

 

📂  08-Bonus – Making Money With Framer

📄 01-Framer Proposal Template.fig (156.38 KB)

📄 01-Selling Framer To Clients.mp4 (153.29 MB)

📄 01-Template.pdf (24.55 KB)

📄 02-Client Handover Checklist.mp4 (61.62 MB)

📄 02-Client handover Notion checklist.pdf (22.87 KB)

📄 03-Transferring Sites To Clients.mp4 (34.37 MB)

📄 04-Pricing Framer Sites.mp4 (133.85 MB)

📄 04-Pricing guide – calculator.pdf (22.74 KB)

📄 05-Framer Partner Program.mp4 (47.32 MB)

📄 06-Why & How To Join The Framer Experts Program.mp4 (48.20 MB)

📄 07-Selling Templates.mp4 (117.22 MB)

📄 08-Framer template checklist.pdf (22.79 KB)

📄 08-Getting Your Template Approved.mp4 (90.11 MB)

📄 09-Building Products For Framer.mp4 (47.87 MB)

📄 09-Custom forms for Framer.pdf (21.97 KB)

 

📂  09-Closing Thoughts & Certification

📄 01-Thank you! What’s next.mp4 (28.05 MB)

---

 Feel free to reach out to our CHAT support for personalized assistance and detailed information tailored to your needs. We’re here to help!