1.1: Introduction to Framer

This beginner’s course will teach you the fundamentals of web design in Framer. You will learn about the Canvas, which serves as a design space, and its similarities to other design tools. The left panel helps you manage website Pages, Layers, and Assets, while the properties panel on the right allows you to modify elements seamlessly.

You will also gain insights into Breakpoints for different device views, such as mobile and desktop, and understand how they are triggered based on width values. Frames, the essential building blocks in Framer, will be explored in detail, enabling you to structure content effortlessly. Follow along by remixing the course Project.

Files

Download resources

Download resources

Assignments

First assignment

First assignment