성장하는 제품을 위한 확장 가능한 디자인 시스템 구축

제품이 작을 때는 화면마다 제각각이어도 괜찮습니다. 팀이 커지면 그 자유는 혼란으로 변합니다. 디자인 시스템은 질서를 되찾는 방법입니다.

토큰부터 시작하라

토큰은 가장 작은 단위입니다. 색상, 간격, 모서리 반경, 타이포그래피. 한 번 정의하면 모든 컴포넌트가 이를 상속합니다. 몇 가지 기본값만 바꿔 리브랜딩할 수 있습니다.

의도가 담긴 컴포넌트

좋은 컴포넌트는 기본, 호버, 포커스, 오류, 빈 상태 등 모든 상태를 담습니다. 잘못 쓰기 어려워야 합니다. 문서는 언제 사용하는지 — 그리고 언제 사용하지 말아야 하는지 — 를 설명합니다.

• 토큰: 일관성의 기반.
• 컴포넌트: 재사용 가능한 구성 요소.
• 패턴: 반복되는 경우를 위해 컴포넌트를 조합하는 방법.
• 문서: 팀 전체가 하나의 언어로 말하기 위해.

디자인 시스템은 끝이 있는 프로젝트가 아닙니다. 매일 그것을 사용하는 팀과 함께 자라는 살아 있는 제품입니다.