A left-pointing arrowBack Home
Page Template

Getting Started

A getting started page is a form of onboarding which tasks the user with completing a number of steps in order to prime the system with information, or learn how it works.

Visual Example

Download for FigmaPage Template

Types

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

Interaction States

Interaction states communicate the status of an element on the user interface. Consider all of the following states when designing this element:
A green checkmark iconDefault
A green checkmark iconInitial

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 systemThe logo for the Figma design app
Buy for Figma
Preview the file before you buy!

View more:

Sign Up

The sign up page is where users present and verify their identity in order to register or enlist for a product.
Page Template

Article

An article is a piece of writing and mixed media about a specific topic.
Page Template

User Profile

The user profile is where access credentials and personal information about a user are stored.
Page Template

Payment

A payment page is a secure portal for collecting tender details from the user. This page may also include fields for discounts and/or coupon codes.
Page Template
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.