Design Documentation Website Template

Get your team up and running with your design guides and resources. Publish your design documentation today.

Maintain a design documentation website with ease

Let your team use these documentation pages in combination with Framer to start building new projects in no time.

A shared design language

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

All-in-one project

All your design resources are available as a single documentation website. You can copy and paste components into your projects from the website.

Component Library

List your entire library of components on interactive documentation pages. Every page has a copy button so you can easily paste the components into Framer. Visitors can even edit (if they have access) the original website to make quick updates.

Features

Scroll Effects

Breakpoints

Pages

Home

Introduction

New

Feedback

Design

Design / Colors

Typography

Icons

Components

All

Avatar

Badge & Pill

Button

Loader

Key

Pulse

Tabs

Toast

Toggle