Build on-brand pages with a Framer design system skill

Framer
6,141 views •

Learn how to turn your Framer project into a reusable design system and create a Skill that helps the Agent build from it. We’ll cover how to organize your design system, create clear instructions, and test and refine your Skill as you work. Sign up: https://framer.link/yt Follow: https://framer.link/yt-x Learn: https://framer.link/yt-academy Learn more about Skills: https://www.framer.com/skills 00:00 Introduction 00:35 What’s a Skill? 01:00 The Design System Skill 01:50 Creating a Skill 02:58 From Design to Design System 05:36 Turning Your Design System into a Skill 07:33 Reviewing Your Skill 07:45 Testing Your Skill 08:40 Add Specific Pages, Components, & Styles 08:53 Wrap Up

Keyboard shortcuts

On. Switch them off if they collide with your assistive tools; ? still opens this sheet.

Go to

Press g then the letter.

  • gh Latest
  • gs Sources
  • gm Media
  • gv Videos
  • gp Podcasts
  • gc Calendar
  • gd Decoder
  • gz Dataviz
  • ga Datasets
  • gb Blog
  • gk Markets
  • gj Careers
  • gn Prompt Notebook

On this page

  • / Focus search, where there is one
  • t Back to top
  • ? This list
  • Esc Close