Everything you need to build Design System
Focus on product delivery. Design right away and ship faster.
Button
The Button triggers an event or action.
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.
Tab
The Tab allows users to switch between related pieces of content.
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.
Bring design tokens to life.
Meet Tetrisly Design System Tool.
Color Tokens
Assign color tokens and ensure consistency in your product. Create, edit and manage multilevel color inheritances.
Made for Figma
Typography Tokens
Build your typography system from global values to contextual cases with Text Styles inheritance.
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
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
Tetrisly is constantly updated with the newest Figma features like auto-layout, properties, nested instances and more.
Tetrisly Icon Library
A clean, consistent, and pixel-perfect icon set
(20x20, 1.5px) crafted specifically for modern UI 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 TetrislyReady to get Started?
Focus on product delivery. Design right away and ship faster.
Stay up to date
Subscribe for important news, resources and more...