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.

Buy for Figma - $99

Preview for Free

Video Tour

Browse the encyclopedia for free, then buy when you're ready.

UI Tokens

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

Browse All

UI Components

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

Browse All

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

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

An image depicting a kanban page template

Visualizations

Visualizations are methods for representing data visually.

Browse All

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

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

The Design Encyclopedia is a passion project by Jon Moore to learn how to use Figma, 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.