Starter kit to create design system's UI library for Figma
the dark mode thanks to Tetrisly!
Version 1.5
Refreshed look & improved structure
The new version gives users a fresh look and a better experience of using components. Create your next product faster and smarter!
Get TetrislyEverything in Tetrisly contains Auto Layout. Moreover, we’ve redefined all variants and we have created brand-new components.
See demo
New additionalLoved by people across the globe. Trusted and used by many companies and people.
2500+ Components. Thanks to a lot of elements you can create everything.
These are just examples of how you can easily customize Tetrisly to do your own interface. Not included in the package.
Symbols
Categories
General used standards. Learn the best practise of creating the design.
8px grid system Each element, typography system, icons and spacings are divisible by 4px.
Built by atoms Atomic design as design methodology, not as organization solution.
Pixel Perfect We have considered every detail to build atoms or typography.
Change global styles quickly without making any mistakes.
One typography system which supports multiple breakpoints.
Components are synced with foundations so every change is global.
Group and organize variants of the same component to more intuitive use.
Components with and without Auto Layout. You decide which you use.
- Create one source of truth for your product
- Just start creating the component library with ideal file organization
- Build the right inheritance structure for design tokens and components based on your needs.
- Better cooperation with other your co-worker.
- Reduce the entry threshold for new designers into the project.
- A fully scalable file organization methodology gives you unlimited possibilities of product development.
- Minimize the number of misunderstandings, mistakes and time-wasting thanks to good organization
Tetrisly is more than UI Kit. Ready for Design. Work at scale.
In the purchased package, there are three sketch files: Core Library and two files of use cases that present an exemplary process of product design.
Each component has its own unique ID number. The system gives easier access to a specific element in the entire file structure and allows for making references to it in the documentation.
Tetrisly is ready for scaling the structure and supporting multiplatform products. Create new inheriting libraries of a product or split the Core Library fundamentals depending on your needs.
