The Design Encyclopedia

The Design Encyclopedia is the world’s largest collection of design tokens, components, patterns, layouts, and visualizations. Browse for free, or buy it for Figma.

A square collage of design components from the design encyclopedia.
Just browsing for inspiration?
You can do that for free down here.
A down-facing arrow

UI Tokens

UI tokens are the most basic building blocks of a digital product.

Browse All
A right-facing arrow
An image depicting multiple UI buttons

UI Components

UI components are complex interface elements, usually consisting of multiple UI tokens.

Browse All
A right-facing arrow
An image depicting a date picker UI component

Interaction Patterns

Interaction patterns are common actions taken to complete a task in a digital product.

Browse All
A right-facing arrow
An image depicting a file upload design pattern dialog

Page Templates

Page templates are layouts for organizing information and actions on a page.

Browse All
A right-facing arrow
An image depicting a kanban page template

Visualizations

Visualizations are methods for representing data visually.

Browse All
A right-facing arrow
An image depicting a synchronized area line graph visualization with two charts stacked on top of each other

Visual Language

Visual language encompasses the aesthetic choices of a design system.

Browse All
A right-facing arrow
An image depicting various visual elements of a design system - colors and typography.

Documentation

Documentation is the written guidelines and annotations of a process or requirement.

Browse All
A right-facing arrow
An image depicting a company hierarchy
The Design Encyclopedia is a passion project by Jon Moore, and was designed and built in Webflow (this is an affiliate link). If you would like to reference the encyclopedia in a separate project, partner on a collaboration, or have a general inquiry, send me an email.

© 2021 Design Encyclopedia. All rights reserved.