Open Design System
Open Design System
Open Design System
Design, build and scale faster
Design, build and scale faster
Design, build and scale faster

Designed to work with the tools we all love so much.

Variables

Theming

Components

Variables

Variables

Theming

Components

Variables

Variables

Theming

Components

Variables

Your design system, your way.

Your design system, your way.

Your design system, your way.

Over 30 ready-to-use components to start building your product.

Global control with Figma Variables for spacing, colors, radii and others.

100% built with auto-layout to match modern development techniques.

100% built with auto-layout to match modern development.

100% built with auto-layout to match modern development.

Theming and multi-brand support so you can truly express your brand.

Theming and multi-brand support so you can express your brand.

Theming and multi-brand support so you can express your brand.

Button

A clickable element used to trigger an arbitrary action.

Descriptive title

Additional information that explains the alert in further context.

Banner

A prominent message displayed on the screen, used for important notifications.

Copy

⌘C

Paste

⌘V

Undo

⌘Z

Redo

⌘Y

Dropdown

Modular container for displaying menu that presents a list of options.

TT

TT

TT

TT

TT

TT

TT

TT

Avatar

Represents a user with a profile picture, initials, or fallback icon.

Label

*

Helper text

Form Control

Modular component that provides layout and validation for a single form field.

Column

Title

Subtitle

Title

Subtitle

Title

Subtitle

Title

Subtitle

Table

Organizes and displays data in a structured format.

1

2

3

Segmented Control

Enables users to switch between multiple segments or views.

See all components in preview

Your design system starts right here

Your design system

starts right here

Your design system

starts right here