5 design systems that a UX designer should know in 2022

What is a design system?

In summary, a design system is a set of standards to manage design at scale by reducing redundancy and maintaining consistency. A design system is a collection of documents, articles, examples, code snippets, screenshots, design guidelines, components, philosophies and other digital assets for a product design company. It’s usually hosted online as a website (public or internal).

What can you learn from them?

So how can you learn from this? Say you’re designing a e-commerce website and the menu needs a dropdown for categories. Not sure what size your arrow should be on the dropdown or how far away from the text to place it ? Well, you can look to a shopping system pioneer like Shopify to see how they do it!

1. Google Material Design System

In terms of design, Google’s publicly shared ‘Material Design’ system paved the way for many to follow.

Photo courtesy of olivia mew(CC No Derivatives)

2. Apple Human Interface Guidelines

Needing no introduction, elegant and intentional design is in the very DNA of Apple. Apple’s Human Interface Guidelines is not only a design system but an incredible resource full of downloadable templates and other guidelines that you can use in your own projects.

Photo courtesy of olivia mew(CC No Derivatives)

3. Microsoft Fluent Design System

Microsoft’s ecosystem of design tools and open-source components can help you get the same look as their products quickly and easily so you can create a consistent vision across Web, Windows, iOS and Android platforms and understand the logic and look of Microsoft products

Photo courtesy of olivia mew(CC No Derivatives)

4. Atlassian Design System

Atlassian design system has plenty of design resources to create better and scalable designs. These resources include tools, plugins, and kits. It has patterns that are a reusable combination of components used to solve user problems. It has an intuitive interface that makes it easy to create designs

Photo courtesy of olivia mew(CC No Derivatives)

5. IBM Carbon Design System

Carbon allows teams to build excellent experiences that differentiate IBM from the competition. Products and experiences built with Carbon provide an interoperability of experience and visuals across products. More complex multiproduct stories are easier to tell when product experiences are in lock step.

Photo courtesy of olivia mew(CC No Derivatives)
Source — medium.com

Color guide

Once you understand the meaning of colors, you can create impactful designs that evoke the right emotions.

Art generated by neural networks.

What is behind the new creative trend?

We create a moodboard. Step-by-step instructions for designers.

If you want to become a designer, you definitely need to rethink this useful tool.

The complete guide to creating interface icons.

Icons are an important part of any design system or product story. Icons help us navigate quickly. They are language independent.

The main trends of the year in logo design

What are the main trends in logo design in 2023, which current features should be taken into account and what distinguishes an amateur logo from a professional one.