Fundamentals

Building Blocks

(NEW) Design Pages

(NEW) Design Pages

06:25

06:25

Design Pages are Framer’s newest move to bring the entire design-to-build workflow under one roof. In this lesson, Ryan walks you through why Design Pages matter, how they work, and why they might just replace your Figma habit. It’s less about learning new features and more about shifting your workflow to unlock faster iteration, smarter design systems, and fully interactive concepts, all without leaving Framer.

What You’ll Learn:

  • What Design Pages are and why they exist

  • How to use them for early-stage ideation and prototyping

  • Why they’re perfect for wireframes, concepts, and design exploration

  • How to keep designs separate from your live site

  • Tips for using AI tools like Wireframer inside Design Pages

  • Use cases like design libraries, brand systems, and more

Design Pages are Framer’s newest move to bring the entire design-to-build workflow under one roof. In this lesson, Ryan walks you through why Design Pages matter, how they work, and why they might just replace your Figma habit. It’s less about learning new features and more about shifting your workflow to unlock faster iteration, smarter design systems, and fully interactive concepts, all without leaving Framer.

What You’ll Learn:

  • What Design Pages are and why they exist

  • How to use them for early-stage ideation and prototyping

  • Why they’re perfect for wireframes, concepts, and design exploration

  • How to keep designs separate from your live site

  • Tips for using AI tools like Wireframer inside Design Pages

  • Use cases like design libraries, brand systems, and more

TEACHER

TEACHER

Ryan Hayward

Ryan Hayward

Official Framer Mentor, Founder @ Insert Frame

Official Framer Mentor, Founder @ Insert Frame

LESSON ID:

LESSON ID:

ufm-fundamentals-bb-015

ufm-fundamentals-bb-015

Home

Lessons

Search

Plugin

Badges

class+