Design System

Brief

Design system became that irreplaceable part of product design which not only keeps things consistent, but reduces the time that teams take to create and build products. And for the most of that time a single library does cut the mustard.

Role and Collaborations

In my previous working experience, in some of the projects, I have responsibility for the design system. It is good to set up a design system when the project started. Designers, PMs, and engineers can know more information and discussion details of the project.

Why we need Design System

Unified product experience

Maintaining a consistent design language can provide consistency and a good product experience.

Improve team collaboration efficiency

The design system contains many reusable elements and components, which can reduce the communication cost of repeated design.

Reduce development costs

Use the same components and connect to the component library, the development cost can be reduced if using the same components.

What are the advantages of design system

Consistent

Avoid duplication of design and implement consistent design principles.

Clear

Clear hierarchy to help members understand the value of the design system.

Good communication

Through the design system, designers and engineers can communicate easily and reduce unnecessary modification costs.

How to build Design system

Atomic Design

As we know that the Material design and Ant design is good design system to reference. We can reference it for some components. For and design system structure, we follow Atomic Design to build up the design system. Due to the design system, the team reduces time for work. And make the design more consistent.

  • Atoms
  • Molecules
  • Organisms
  • Templates
  • Pages
  • Design library

    I follow the Atomic Design to build up the design system and library. Based on the design library type, I define the different components status. And add all the components to the design library.



    Take away

    In the working experience with different designers, I think a good design system would help a lot. And a good discuss before the project and components change, it would really save teams time.

    More project