Less is better. You've heard it a lot - and it's true. However, it seems that many popular design systems don't, as they offer tons of components for no logical reason.

In fact, the best products only use a few buttons instead of covering all button colors and possibilities.

Thanks to the documentation, you will know when to use a button and how to place it. All to create a great user experience.

Our founders started Tetrisly in 2019 to deliver high-quality products and share their knowledge with other designers.

Today, there are over 400 experienced designers and developers behind Tetrisly. Tetrisly is part of VirtusLab — a global software engineering company. That’s why we have cutting-edge technologies written in our DNA. Our expertise focuses on UI/UX Design and Design Systems. We aim to bring a human face and common understanding to your product before it’s coded.

Together, we share a wide range of expertise and experiences, with which we can help you build your products.

The whole range of colors is scalable and consistent, all of them shining in the same way. Each color is prepared based on WCGA standards with a completed contrast ratio test.

Our unique naming system allows you to add new shades after or before the base color. And no matter which color you use, everything will work well thanks to premade steps and contrast-based colors. The color system is designed within the HSL color space.

Each component is prepared based on color or typography tokens.

Color Token is a semantic representation of the color that helps understand how or when the token should be used. It helps to limit design decisions and place them in specific contexts.

Token can inherit the value from another token (i.e.Semantic / Positive / positive0 inherits the value from Global / Green / green0).

As we described earlier, Tetrisly loves tokens. We noticed that Figma doesn't have features that simplify working with tokens.

To fill in this gap, we created a special plugin for Figma to create and manage color and typography tokens.

The plugin will be consistently updated and improved with new features to become a powerful tool that helps you in the design system world.

Here we can say: “Don’t waste time” or “Save thousands of hours”. But... it’s true. Finally, you can focus on priorities like deadlines, business goals and KPIs.

Prepare any product with carefully selected and easily customizable components without UX mistakes and deliver high-quality products. Design right away and ship faster.

The number of components and the product size are not measurements of value nor the keys to success.

A lack of documentation and poor hand-offs to developers cause many issues not only for design teams but also for the end-users, who end up frustrated with the product.

Our mission is to deliver resources that create a huge ecosystem and help you avoid such issues.

The first version was loved by teams around the world. We accumulated over 18,000 users across the globe and much positive feedback.

The Tetrisly team is continuing to work on usage documentation and React components. These deliverables will help our users deliver their products faster and ensure quality, usability and unified experiences for their users.

Our experiences exploring, designing, testing and developing products was packed into Tetrisly. The best example of this is a completely new approach and a reimagined Tetrisly product after three years of being on the market.

The version of Tetrisly that you see now is just the beginning of our journey on the roadmap. We have a lot of milestones and goals to reach ahead of us.

Our backlog is full of new ideas and features that will change the game. We would like to transform the way you design and deliver products every day.