Documentation

Downloadable Assets

Downloadable assets are centralized and universally-available resources enabling interdisciplinary collaboration and consistency.

Visual Example

Download for Figma

Types

Types are variations or derivatives of an individual element. They can help you choose what to include in your design.

Design Files

Logos

Typefaces

Color Palettes

Images

Interaction States

Interaction states communicate the status of an element on the user interface. Consider all of the following states when designing this element:

This element has no interaction states.

Chart Features

For this particular visualization, you may consider these additional features.

No items found.

Get it for Figma!

Everything on this website has been designed in Figma, and is ready to use.

A preview of the Figma Design Encyclopedia design system

Preview the file before you buy!

View more:

Research Guidelines

User research guidelines specify the methods and techniques for conducting, collecting, and analyzing research.

Employee Onboarding

An employee onboarding process is the set of procedures necessary for welcoming, training, and enabling a new hire.

Team Structure

A team structure diagram illustrates the hierarchical organization of a team. This diagram can serve as a reference for decision-making, responsibilities, and project ownership.

Coding Standards

Coding standards help developers maintain a consistent, organized, and coherent code base to ensure maximum team efficiency.

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.