Adding icons
Preview unavailable
You must log in or sign up to view this lesson.
Login
Sign up
Ultimate Framer Masterclass 2.0
Buy now
Learn more
1. Introduction
Introduction
Meet your teacher
Webflow Vs Framer
Figma Vs Framer
Overview of the Framer dashboard
Creating your first Framer site
2
Transitioning from Webflow
Join the Framerverse 🚀
3
2. Fundamentals
Framer Remix link
Key concepts for mastering Framer
Intro to the Framer Editor
1
Understanding Sizing
1
Using Layout
Positioning
1
Common mistakes about absolute positioning
2
Breakpoints
Property Styles
Reusable Styles
Demo | Building a hero section
9
Creating A Ticker Effect
6
Navigation and Links
11
Scroll Sections
4
Using video
3
Working with carousels and slideshows
1
Adding icons
2
Understanding site settings
2
Metatags and SEO
Publishing your site
3
Transferring site ownership
1
3. Components
Framer Remix link
Overview of components
Variants
2
Variables
3
Hover and Pressed States
Interactions and Events
13
Creating logic with components
9
4. CMS
Framer Remix link
Overview of the CMS
Collection Lists
2
Collection pages
Adding Search
4
Conditions
2
Importing content
1
Dynamic Filtering
9
5. Animation
Framer Remix link
Introduction to effects
Effects Options
2
Scroll Effects
2
Animating components
1
Create a parrallax effect
Demo | Animated Navbar
Page transitions
6. Advanced use cases
Framer Remix link
Building e-commerce Websites
1
Building membership sites
Embeds
Forms in Framer
1
Overrides
4
Adding custom cursors
7. Making money
Selling Framer to clients
3
Delivering Framer sites to clients
Client handover checklist
Pricing Framer sites
Pricing calculator
Framer Partner Program
Selling templates
Why & How To Join The Framer Experts Program
Getting your template approved
Template checklist
Building products for Framer
Framer Proposal Template
4
8. Putting It All Together: Building a Full Site
Framer Masterclass - Full Site Build (Course Module)
2
Exporting from Figma
Setting up the Framer project
2
Creating the hero section
4
Building the navbar
Building the site content
Testimonial section
Building a CTA
1
Creating the footer
4
Fixing common site issues
Adding effects
Making the site mobile responsive
1
Publishing your site
2
What's Next?
Wrap up
4
Join the Framerverse
What's Next?