UI Chunks E01 - Buttons

Design system in easy-to-learn chunks & component libraries

1 follower

Design system in easy-to-learn chunks & component libraries

1 follower

UI Chunks is a complete source of UI design knowledge, organized in easy-to-learn chunks which refers to the structure of design systems. E01: Buttons is available (74 pages guide, Figma/Sketch Library). Get this ultimate buttons guide for a coffee price.

Free Options

Launch tags:Design Tools•Design Books•Education

Launch Team

Framer AI AgentsDesign and publish professional sites with AI

Promoted

Tetrisly Design System

Maker

Hi there, As you know it’s not easy to find a proven source of design knowledge. We all know that kind of work when we’re trying to read all of Medium articles with no answers. Together with my friend Paul Stomma we were about to write a design book to solve this problem, but we decided to shift the rules a little bit. We have a lot to say in every chapter, so we applied “the chunking” approach to dig into every single detail of UI design. We explored UI buttons from the ground up so you can meet the very first episode of the UI Chunk series: “E01: Buttons” (yes, we describe it as “a knowledge chunk”). What is UI Chunks? UI Chunks is a complete source of UI design knowledge, organized in easy-to-learn chunks which refers to the structure of the top-notch design systems. It's full of practical tips and good practices, but it keeps a general nature, not limited to a subjective point of view. Each of the chunks presents anatomy, classification and usage guidelines with richly illustrated examples and Figma/Sketch files to make the theory proven in practice. It stays pleasing to the eye. For who?

UI/UX Designers — for beginners to build solid foundations from scratch or advanced designers to structure and extend existing, intuitive knowledge about components and design systems
Product teams — it could be helpful to work out common understanding when scalable products are to be designed
Frontend developers — for those who want to dive into the designers approach of components building to create the pixel-perfect apps

What problem does it solve? UI Design knowledge is still very scattered and demands multidisciplinary skills. "The chunking" approach lets you organize it — step by step, with understanding and consciousness. You won't need to study hundreds of Medium articles anymore to find the answer (if you're lucky). With the UI Chunks you'll be ready to design any UI component to create your very own UI kit or a design system. You will see components through long-standing design practitioners' eyes. Basically, if you want to learn or improve your UI design skills by technical approach the UI Chunks is for you. You will get:

74 illustrated a4 pages - read about anatomy thru classification, to the button language and usage
2 button libraries (Sketch + Figma) - analyze and compare how a professional library is built, learn how to build your very own button library

Find out more on http://uichunks.com/

Report

5yr ago

Tetrisly Design System

I've read and learned new things about buttons that help me be a better designer and understand how to use them with the user-centered method. Simple language, many examples, and a real-used focus will provide you with the next level of design. I can't wait for the next episode!

Report

5yr ago

Tetrisly Design System

Maker

@patryk_ilnicki Thanks! We can't wait too!

Report

5yr ago

Free Illustrations Club

This ebook reads very easily, as it's informative, straightforward and fluently written. Gives you a whole overview of the construction of buttons what helps to create components libraries and design systems. This book is an absolute must have for everyone working on or with design systems, UI designers, products designers and other people involved in the process of creating digital products.

Report

5yr ago

Tetrisly Design System

Maker

@gregdlubacz Thanks! We hope we meet all expectations! It's all our knowledge from all years of experience.

Report

5yr ago

Flex UI library for Figma

Very promising series. Every time, when I see stuff delivered by @andrzej_mialszygrosz it is always crafted carefully. This material adds a lot of good habits to the designer's workshop. Total must-have for people involved in the UI/UX, Product Design.

Report

5yr ago

Tetrisly Design System

Maker

@patryk_wasik Thank you !

Report

5yr ago

As someone who loves exploring new UI design knowledge, organized in easy-to-learn chunks, I'm super intrigued by the approach UI Chunk has taken!

Report

5yr ago

Tetrisly Design System

Maker

@giri It's a new approach and we are curious too. It's a lot of knowledge to present and we have decided that a chunks could be a better way to show it to the world.

Report

5yr ago

Congrats on the launch! I know how challenging it is to create such a product! Good job! 🔥

Report

5yr ago

Tetrisly Design System

Maker

@matsugfx Thanks!

Report

5yr ago

Pixiko

You have done an amazing job! Congrats on the launch! :)

Report

5yr ago

Tetrisly Design System

Maker

@diana_zaitceva Thank you very much!

Report

5yr ago

1 2

Reviews

UI/UX Designers — for beginners to build solid foundations from scratch or advanced designers to structure and extend existing, intuitive knowledge about components and design systems
Product teams — it could be helpful to work out common understanding when scalable products are to be designed
Frontend developers — for those who want to dive into the designers approach of components building to create the pixel-perfect apps

74 illustrated a4 pages - read about anatomy thru classification, to the button language and usage
2 button libraries (Sketch + Figma) - analyze and compare how a professional library is built, learn how to build your very own button library

Find out more on http://uichunks.com/