The World's Largest Figma Design System

The Design Encyclopedia is the world's only design system in existence to have complete interaction patterns, page templates, and over 100 charts and visualizations to help you design faster than ever before.

Browse the encyclopedia for free, then buy when you're ready.
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.
A square collage of design components from the design encyclopedia.