Tetrisly Design System
p/tetrisly-design-system
Figma Component Library, Design tokens plugin, React
Andrzej Miałszygrosz
Tetrisly Lite — Components library, design tokens, docs, plugin for Figma
Featured
10
Free version of Tetrisly Design System, a carefully crafted UI library with design tokens in its DNA, coming along with the free Figma plugin to manage them. A react library is coming soon to create the all-in-one product design ecosystem.
Replies
Andrzej Miałszygrosz
Hi all, We have just released Tetrisly Lite - Free version of Design System for Figma! We carefully crafted UI components, leveraging the idea of design tokens. Now you can easily customize and start designing right away to deliver faster. Find out more about Tetrisly Documentation ✨ What’s inside? Foundations: * Color Palette * Design Tokens * Elevation * Icons * Typography Components: * Avatar * Button * Badge * Breadcrumbs * Checkbox * Dimmer * Divider * Dropdown * Inline Message * Loader * Popover * Search Input * Text Input * Radio Button * Toast Additional components in the PRO version: Alert Banner, Button Group, Card, Corner Dialog, Counter, Date Picker, Dialog, Dropdown, File Uploader, Header, Inline Banner, Metrics, New Item Button, Pagination, Pill, Search, Segmented Control, Select, Side Panel, Sidebar Navigation, Slider, Status, Table, Tabs, Tag, Tag Input, Toggle, Tooltip, Top Navigation ✨ What does make the new Tetrisly unique? Carefully crafted UI components, leveraging the idea of design tokens. Now you can easily customize and start designing right away to deliver faster. * Color tokens and aliases (Gamechanger). Each component is prepared based on color tokens which is a semantic representation of the color that helps understand how or when the token should be used. * Focus on product delivery. Don’t waste time reinventing components. Save money by replacing this process with a tool that does it all. * No more junk components. Get rid of junk inside your library. Ensure it only has carefully selected and customizable components without UX mistakes. * Colors are contrast-based and intuitive. Scalable and consistent system. * Tetrisly Icon Library - clean, consistent and pixel-perfect icon set. * Usage Documentation * React components are in progress * There are over 400 experienced designers and developers behind Tetrisly * Constantly updated with auto-layout, smart variants, properties and nested instances * Knowledge from world-class specialists
Hayr Hotoca - 1limx.com
Congratulations on the launch! I like the landing page.
Greg Dlubacz
Actually, I'm a user of paid version of Tetrisly but I think it's worth to add a comment. I was hesitant to pay for another product like this, but I'm sooooo glad I took the plunge with Tetrisly. It's been a game-changer for me and I can't recommend it enough. The attention to detail, simplicity of use, the way how it is documented and done are really impressive. It is worth every penny for me! I've been testing a lot of libraries like this since 2019 including Tailwind, Untitled UI, and many more but Tetrisly is over the top. To me it's one of the best investment I ever did on the internet.
Claude Hughes
Shared the product with our tech team, they love it!
Michał Frączek
Great work and great product! Thanks for sharing 🚀
June Harris
Congrats on the release of Tetrisly Lite, it sounds like a fantastic tool for designers looking to save time and streamline their workflow. Looking forward to checking it out!
Kwaku Amprako
As a designer, this is extremely useful. Congratulations on the launch!