Academy

Academy

Framer Fundamentals

In the Framer Fundamentals Course, we’ll build on your existing design skills to help you quickly go live in Framer. Perfect for designers transitioning from Figma or Sketch.

Latest videos

8:31

CMS Pages & Dynamic Content

Now that we’ve built a collection, and added our items, it’s time to take the next step—turning that content into actual pages on our site.

8:31

CMS Pages & Dynamic Content

Now that we’ve built a collection, and added our items, it’s time to take the next step—turning that content into actual pages on our site.

8:31

CMS Pages & Dynamic Content

Now that we’ve built a collection, and added our items, it’s time to take the next step—turning that content into actual pages on our site.

19:02

Creating Breakpoints

Even the most flexible layouts have their limits and will eventually reach a point where they... well... break.

19:02

Creating Breakpoints

Even the most flexible layouts have their limits and will eventually reach a point where they... well... break.

19:02

Creating Breakpoints

Even the most flexible layouts have their limits and will eventually reach a point where they... well... break.

5:51

Understanding CMS Collections, Items & Fields

Collections, Items, and Fields are the foundation of any content management system.

5:51

Understanding CMS Collections, Items & Fields

Collections, Items, and Fields are the foundation of any content management system.

5:51

Understanding CMS Collections, Items & Fields

Collections, Items, and Fields are the foundation of any content management system.

22:30

Designing fluid layouts

In this lesson, we’re gonna be workshopping this project file — applying what we’ve learned in the previous lessons to create fluid layouts in Framer.

22:30

Designing fluid layouts

In this lesson, we’re gonna be workshopping this project file — applying what we’ve learned in the previous lessons to create fluid layouts in Framer.

22:30

Designing fluid layouts

In this lesson, we’re gonna be workshopping this project file — applying what we’ve learned in the previous lessons to create fluid layouts in Framer.