SVG not supported

Membership Template

Meet the new home for your online course

Sell exclusive access to your digital online course and host it with the Framer CMS

ONLINE COURSE

Framer Course

$299.00

$499.00

Money-Back Guarantee

The Curriculum

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.

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.

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.

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.

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.

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

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

Module 2: Designing

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

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.

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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.

The Teacher

Hi, I'm Danny

A Framer expert with over 10 years of design experience

I'm passionate about creating delightful experiences with a human-centered approach and sharing expertise with the next wave of design talent.

course info

What to expect

Skill Level

Beginner

Time to Complete

7 Hours

Certification

After Completion

Prerequisites

None Needed

about

Is this course right for you?

This course is designed to teach students how to create engaging web experiences that meet the needs of users. Students will learn about the principles of user-centered design and how to apply them to the design of websites and web applications. The course will cover topics such as information architecture, interaction design, and visual design, and how these concepts can be used to create intuitive and user-friendly web experiences.

Students will also learn about the importance of accessibility and how to create designs that are inclusive and usable by all users, regardless of their abilities. The course will include a series of hands-on projects, culminating in a final project that showcases the student's ability to create a complete web experience from concept to launch.

skills

Skills you'll walk away with

Custom Code

Web Animation

Responsive Design

Page layout

Components

What You'll Learn

Acquire all the essential skills to become a Framer master and create stunning websites

Animation

Bringing your page to life with scroll animations, parallax, and more.

Blog & CMS

Integrate a blog into your website that uses a Content Management System (CMS)

Responsive Design

Make sure your website looks great regardless of the device that it's being viewed on

reviews

What students are saying

1,000+ Happy Students

Lauren Scott

From South Africa

"This online design course was the best investment I made for my career! The instructor was very knowledgeable and provided helpful feedback on my assignments. I learned so much and was able to apply the skills I learned immediately in my job. Highly recommend!"

Olivia Wilson

From Canada

"I am so glad I found this online design course! The course materials were very well-written and easy to understand, even for a beginner like myself. The instructor was also very patient and provided helpful feedback on my work. I feel much more confident in my design skills after completing this course."

Andrew Johnson

From New Zealand

"I loved this online design course! The instructor was very passionate about design and it really showed in their teaching. The assignments were challenging but also fun, and I really enjoyed collaborating with other students in the course. I feel much more confident in my design abilities after taking this course and can't wait to apply my new skills in the real world!"

faq

Frequently Asked Questions

What will I learn in this course?

What background knowledge do I need to have to take this course?

How long is the course and how much time should I expect to dedicate to it?

Does Framer require me to learn how to code?

Who is this course for?

What are the learning objectives, and how will the course help me as a designer?

Still have questions?

This beginner friendly course teaches you everything you need to know to build a professional website using Framer

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