Everything you need to build a Design System

Focus on product delivery. Design right away and ship faster.

Button

The Button triggers an event or action.

Record has been savedUndo

Toast

The Toast shows a brief feedback message and a confirmation of action.

Radio Button

The Radio Button allows users to select a single option from the list.

Search

The Search Input allows users to search for phrases via typing in text.

Files
Settings

Tab

The Tab allows users to switch between related pieces of content.

Add
Delete
Edit

Tooltip

The Tooltip shows additional information about an element while the user interacts with it.

Truly Design System

Not another useless UI kit. Tetrisly Design System is a collection of rules, tools and processes which simplify design processes and the development of digital products.

Design
Design
Design

New Feature!

Figma Variables

Saving time and effort during the design process, while managing Tetrisly Design System

Colors

Sizing

Spacing

Border Radius

Color Aliases
Added new 92 icons!
Redefined Typography

Gamechanger

Color Aliases

Aliases help you create relationships between colors and place them in specific contexts. Inheritance ensures global propagation and unified product experiences.

Get Tetrisly
Color Aliases
No more junk components

No more junk components

The usefulness of a design library shouldn't be measured by the number of components or variants it has. Get rid of junk inside your library. Ensure it only has carefully selected and customizable components without UX mistakes.

Read why Tetrisly
Well crafted figma
Well-crafted Figma

Tetrisly is constantly updated with the newest Figma features like variables, auto-layout, properties, nested instances.

Tetrisly Icon Library
Tetrisly Icon Library

Outstanding, consistent and pixel-perfect icon set (20x20, 1.5px) ideal for interface design.

Need more reasons to choose Tetrisly?
Just take a look.

Focus on product delivery

Don't waste time reinventing components and looking for the most suitable library structure. Save money and resources by replacing this process with a tool that does it all. Focus on product improvements, design right away and ship faster.

Documentation and React components are in progress

Super-charged by 400+ designers and engineers

It’s just the beginning

Are you not convinced yet?
Read why Tetrisly

Ready to get Started?

Focus on product delivery. Design right away and ship faster.

Stay up to date

Subscribe for important news, resources and more...

By clicking Subscribe you agree to our Privacy Policy. Your personal data will be processed for the purpose of sending the news and offers from Tetrisly and for future related communication.