Organized and smartest library for professionals
creating wireframes or Design Systems.
Not another UI Kit. An
entirely new approach to creating a smart structure for
your next product.
Loved by people across the globe.
Trusted and used by many companies and people.
Product Hunt Reviews
Is an incredible starting point for your Design System and a great way to start wireframing fast. It's Smart Layout ready.
Tetrisly's stellar organization and comprehensive construction gave us a serve as a starting point for future design work.
Thanks to a lot of elements you can create
These are just examples of how you can easily customize Tetrisly to do your own interface. Not included in the package.
160Unique Icons in 3 sizes
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.
Two variants of components, with and without Auto Layout. You decide which one is better for you.
Simpler organization than in Atomic Design methodology
Simple and fully scalable file structure organization.
Never again will you have to wonder if a given element
is an Atom or a Molecule.
grouped by their function instead of by their
your time for finding the right element
Easily customizable styles
Use a set of text and color styles, customize and apply
changes to all pages at once. Create a unique look in
just a few minutes.
Scalable well-organized naming and structure
Global changing without accidental mistakes
Change global colors quickly without making any mistakes.
One typography system which supports multiple breakpoints.
Components are synced with foundations so every change is global.
Tetrisly is not only for wireframing. We’ll give you tested and still improving file
organization system which speeds up your workflow and
improves skills to create a design system by you and
Speed up the wireframing process
Ensure the visual consistency of wireframes
All changes are global, you don’t have to change all elements locally again and again.
Collaborate with other UX designers on library development and expansion.
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.
Product Design Process
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.
Component ID System
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.
Work at scale
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.