Using Layout | Flux Academy

BESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswyBESbswy Using Layout | Flux Academy

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Framer Masterclass

Introduction

Welcome & Course Overview (5:24)
Transitioning From Webflow (4:20)
Framer VS Figma (2:35)
Overview of the Framer Dashboard (1:51)
Creating your first site (0:28)
Remix Link

Fundamentals

Key Concepts For Mastering Framer (2:42)
Intro to the Framer editor (3:04)
Understanding Sizing (3:38)
Positioning: Relative vs Absolute vs Sticky vs Fixed (5:24)
Using Layout (4:29)
Styling (4:55)
Overlays (5:53)
Breakpoints (3:04)
Navigation & Links (2:15)
Using Icons (2:25)
Slideshow and Carousels (3:19)
Using Video (7:07)
Understanding site settings (7:59)
Publishing your site (1:14)
Working With Remixes (1:02)
Demo - Creating a Hero Section (8:36)
Quiz - Fundamentals

Components

Overview of Components (2:59)
Variables (2:12)
Variants (2:18)
Hover and Pressed States (2:07)
Interactions (3:24)
Logic with components (3:46)
Demo - Building a Custom Navbar (19:27)
Quiz - Components

CMS

Understanding CMS (5:03)
Filtering and Sorting (5:24)
Search Component (3:27)
Demo: Building a Blog (6:13)
Quiz - CMS

Animations

Understanding Effects & Animations (7:12)
Effect Options (appear, hover, etc) (10:48)
Component VS Regular Effects (2:28)
Creating a Parallax Effect (10:48)
Demo: Adding Effects To a Landing Page (6:48)

Advanced Use Cases

Using The Ticker (4:46)
Embeds (3:53)
Override Code (5:18)
Styling Search Bar (7:00)
Using Framer AI (6:36)

Putting It All Together: Building a Full Site

Exporting From Figma (1:49)
Setting Up the Framer Project (2:53)
Creating The Hero Section (14:00)
Building The Navbar (5:16)
Building The Site Content (15:21)
Testimonial Section (8:50)
Creating The Call-To-Action (3:16)
Creating The Footer (2:41)
Fixing Common Site Issues (2:04)
Adding Effects (3:55)
Making The Site Mobile Responsive (6:01)
Publishing The Site (1:53)

Bonus: Making Money With Framer

Selling Framer To Clients (10:47)
Client Handover Checklist (4:43)
Transferring Sites To Clients (3:11)
Pricing Framer Sites (14:22)
Framer Partner Program (4:11)
Why & How To Join The Framer Experts Program (2:54)
Selling Templates (6:50)
Getting Your Template Approved (4:14)
Building Products For Framer (3:57)

Closing Thoughts & Certification

Thank you! What's next (1:13)
Certification Quiz

Using Layout

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock