Design Docs

Design Docs

Design Docs

Get up and running with our design guides and resources.

Get up and running with our design guides and resources.

Get Started

Learn how to use these documentation pages in combination with Framer to start building new projects in no-time.

Read

Design language

Dive into the low-level elements that make up our design system. Learn how color and typography are used to build our style.

Read

All-in-one project

All our design resources are available as a single Framer project. You can copy and paste anything into your own projects.

Open in Framer

Components

FV

Avatar

FV

Avatar

FV

Avatar

Badge
60

Badge & Pill

Button

Button

Loader