디자인시스템은 왜 필요할까?

시작하며,

디자인시스템을 Vue3로 만들고 있다.

만들라고해서 만들기만하지말고,

왜 필요한지, 어떻게 만들어갈 것인지에 대해 생각해봤다.

 

디자인시스템?

구성요소들이 상호작용하거나 상호의존하여 복잡하게 얽힌 통일된 하나의 집합체.

복잡한 사회적 체계의 맥락에서 구조와 행동을 통제하는 규칙들의 집합체

 

장점?

• 프론트엔드개발 코드 길이 단축
• 제품이 커질수록 관리비용 대폭 절감
• 디자인 시간 절약으로 전체적인 퀄리티와 생산성 증가
• 서비스 디자인 UI 의 일관성 유지

 

왜 필요함?

1. 각 직군 마다 프로젝트를 보는 관점이 다르다.
2. 원칙과 가이드라인 없이 만든 프로젝트는..? UI 일관성을 떨어뜨리고, 사용자에게 혼란을 주거나 잘못된 방향으로 학습시킨다.

 

컴포넌트의 옵션은 Strictness? flexibility를 줘야할까?

협업팀에서 컴포넌트에 대한 자유도가 높았기에 일관성이 떨어지는 산출물을 봐야만 했다.

때문에 디자인시스템은 Strict 한 성격으로 진행하고 있다.

 

소통이 필요하다.

각 직군 마다 보는 관점이 다르기 때문이다.

올바른 소통과 정중한 요청은 프로젝트의 기본적인 자세라고 생각한다.