Complete Framer Web Design

Design Champs+

Plus members get access to this course and dozens of other exclusive courses, live events, community channels, and discounts on cool stuff.

Design Champs+

Plus members get access to this course and dozens of other exclusive courses, live events, community channels, and discounts on cool stuff.

Design Champs+

Plus members get access to this course and dozens of other exclusive courses, live events, community channels, and discounts on cool stuff.

Design Champs+

Plus members get access to this course and dozens of other exclusive courses, live events, community channels, and discounts on cool stuff.

Details

1

lessons

4hr 35min

of content

Beginner

difficulty

Future updates

Private community

Monthly live UI design events

A certificate of completion

Topics

Web Design

Framer

Instructor

Jesse Showalter

What is this course about?

Learn how to design, prototype, and build fully functional websites from scratch using Framer, a powerful no-code tool for designers and developers. This course takes you through the entire process of creating stunning, responsive websites without needing to write a single line of code.

From understanding the fundamentals of web design to mastering Framer’s features, you’ll gain hands-on experience in crafting websites that are both beautiful and high-performing. Whether you’re creating a personal portfolio, a client project, or a business site, this course will empower you to bring your vision to life with ease.

Requirements
  • No-code or design experience? Not required.

  • A free Framer account (Framer.com)

  • Basic familiarity with websites and layout concepts is helpful

  • Willingness to explore and experiment in a visual tool

What you'll learn
  • How to design full websites inside Framer from scratch

  • Working with layout, grids, spacing, and responsive design

  • Creating components, interactions, and animations

  • Using Framer’s CMS to build dynamic content

  • How to host, publish, and manage your website

  • Tips for optimizing site performance and conversion

  • Real-world workflows for clients, portfolios, and launches

Who is this course for?
  • Designers looking to skip dev handoff and build sites solo

  • Freelancers who want to deliver live websites to clients

  • Beginners who want to create their own personal or business website

  • Creatives switching from Webflow, WordPress, or static sites

  • Anyone interested in visual development and modern no-code tools

Browse more courses

New

Soft Skills

Communication for Creatives

4

lessons

16 Minutes

Beginner

Creative professionals need to know how to effectively communicate their design decisions, work, and ideas to stakeholders, clients, and team members. This course focuses on developing clear, concise, and confident communication skills specifically tailored for designers and creative professionals.

New

Soft Skills

Sitemapping

4

lessons

38 minutes

Intermediate

This practical course breaks down the essentials of creating effective sitemaps—one of the most important yet often overlooked steps in the design process.

New

Soft Skills

User Research

8

lessons

64 minutes

Intermediate

This comprehensive course demystifies UX research, going beyond common misconceptions to deliver practical, actionable insights.

New

Soft Skills

Communication for Creatives

4

lessons

16 Minutes

Beginner

Creative professionals need to know how to effectively communicate their design decisions, work, and ideas to stakeholders, clients, and team members. This course focuses on developing clear, concise, and confident communication skills specifically tailored for designers and creative professionals.

New

Soft Skills

Sitemapping

4

lessons

38 minutes

Intermediate

This practical course breaks down the essentials of creating effective sitemaps—one of the most important yet often overlooked steps in the design process.

New

Soft Skills

Communication for Creatives

4

lessons

16 Minutes

Beginner

Creative professionals need to know how to effectively communicate their design decisions, work, and ideas to stakeholders, clients, and team members. This course focuses on developing clear, concise, and confident communication skills specifically tailored for designers and creative professionals.

New

Soft Skills

Sitemapping

4

lessons

38 minutes

Intermediate

This practical course breaks down the essentials of creating effective sitemaps—one of the most important yet often overlooked steps in the design process.

New

Soft Skills

Communication for Creatives

4

lessons

16 Minutes

Beginner

Creative professionals need to know how to effectively communicate their design decisions, work, and ideas to stakeholders, clients, and team members. This course focuses on developing clear, concise, and confident communication skills specifically tailored for designers and creative professionals.

New

Soft Skills

Sitemapping

4

lessons

38 minutes

Intermediate

This practical course breaks down the essentials of creating effective sitemaps—one of the most important yet often overlooked steps in the design process.

Get started with Design Champs today

Get access to valuable resources, tutorials, and a supportive community to help you grow and excel in your design skills.

Get started with Design Champs today

Get access to valuable resources, tutorials, and a supportive community to help you grow and excel in your design skills.

Get started with Design Champs today

Get access to valuable resources, tutorials, and a supportive community to help you grow and excel in your design skills.