Tetrisly Design System
p/tetrisly-design-system
Figma Component Library, Design tokens plugin, React
Andrzej Miałszygrosz
Tetrisly for Figma — Starter kit for design systems and wireframes builder
Featured
16
Tetrisly is a new approach to organizing libraries in Figma and Sketch. It’s not another useless and unscalable UI Kit. 2500+ components help you create wireframes faster or create a library for a design system. Use "phunter" code and get 20% off (50 codes)!
Replies
David Klawitter
Was a user of the Sketch version and loved how well organized and thorough it was. Our team has been transitioning to Figma and so this is a no-brainer for us.
Greg Dlubacz
Great! It will come in handy :)
Anfisa Bogomolova
Great product. Used it for Sketch. Cannot wait to run on Figma too
Marcin Mrotek
That was something I was waiting for! Used sketch one but after moving to Figma couldn't wait for official one!
Anna Filou
Does it support Figma's auto layout?
Andrzej Miałszygrosz
@anna_0x in few cases. Auto layout in Figma has to many disadvantages yet: not working all constrains pins, predefined size for components and the most important, it has no support for global changes of components.
Anna Filou
@mialszygrosz I see, I mostly use it for buttons and similarly simple layout, although I find it works very well in more complex ones too!
Andrzej Miałszygrosz
@anna_0x Hi! We are support auto layout now.
Orry Barbosa
Great product ! Downloaded the week it was released, no regret !
Sascha Lichtenstein
Great product and a very good structure. Maybe you should rework the buttons to more "flexible" elements. In case of a table row with action it is not possible to change the width of the action button. This will end up in detaching instances.
Andrzej Miałszygrosz
@insel_design Thanks for advice! We will check it.
Andrzej Miałszygrosz
Hello, today is a huge day for us, after the big success of Tetrisly for Sketch we have just released Tetrisly for Figma. What is Tetrisly? Probably the most organized and smartest Sketch and Figma component library for professionals. Design wireframes using top-notch components library built with extreme attention to details. Begin the process of creating a design system with a well-organized components library. What are the benefits of Tetrisly? UX Designers: - 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. UI Designers: - 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. Product teams: - 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 Read more about Tetrisly idea or Visit our page
Lauri Post
Huge timesaver! A must have! One thing I miss in Tetristly is pre-built components, or "organisms" as they call it in Atomic Design
Anna Filou
@ laurip your can create your own though, right? That way you can use your own imagination and intuition instead of having the direction set for you in advance.