5 hour course

How to steal all of your local traffic

$0

$1999.00

Launch Portal

Money-Back Guarantee

Money-Back Guarantee

Module 1: Fundamentals

In this section, I’ll provide an overview of the Framer program and then we jump into setting up our file with colors, breakpoints, text styles, etc.

Intro to Framer

14:54

Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.

Intro to Framer

14:54

Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.

Design system styles

5:34

Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.

Design system styles

5:34

Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.

File setup

7:32

Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.

File setup

7:32

Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.

All Lessons

Module 2: Designing

In this section, we'll dive into designing pages and understanding the fundamental features that make Framer pages work.

Using components

9:49

Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.

Using components

9:49

Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.

Creating sections

5:52

Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.

Creating sections

5:52

Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.

How to use stacks and frames

3:46

Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.

How to use stacks and frames

3:46

Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.

Importing from figma

8:12

Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.

Importing from figma

8:12

Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.

All Lessons

Module 3: Jazzing it up

In this section, we add some finishing details to our pages and animate the elements to bring them to life

Interactivity and animations

2:49

Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.

Interactivity and animations

2:49

Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.

Overrides & code components

19:45

Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.

Overrides & code components

19:45

Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.

Blog & CMS

9:56

Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.

Blog & CMS

9:56

Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.

Publishing

6:40

Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.

Publishing

6:40

Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.

All Lessons

Free

Work With Us

Do you want more customers?

Work with us for FREE.

Yes, for FREE.

Win your money back 3-month challenge, all you have to do is get reviews, make posts and upload images, And ofc we will show you how to do that.

  • Fast

  • Simple

  • Flexible

  • Secure

  • Grows with you

  • Smart

  • Fast

  • Simple

  • Flexible

Free

Still Confused?

Want us to check out your stuff for free?

Let us go over your stuff live on a video call and tell you what's actually happening with out google maps.

  • Fast

  • Simple

  • Flexible

  • Secure

  • Grows with you

  • Smart

  • Fast

  • Simple

  • Flexible

Create a free website with Framer, the website builder loved by startups, designers and agencies.