← All writing

DESIGN SYSTEM

디자인 시스템은 제품의 언어다

디자인 시스템은 제품의 언어다

디자인 시스템은 버튼 모음이 아닙니다. 제품을 만드는 사람들이 매번 같은 질문에 답하지 않아도 되게 하는 공유된 의사결정의 기록입니다.

작은 토큰에서 시작하기

색상, 간격, 타이포그래피처럼 반복되는 선택을 먼저 이름 붙입니다. 이름은 값보다 의도를 설명해야 합니다.

  • surface-primary: 가장 기본이 되는 배경
  • text-muted: 보조 정보에 사용하는 글자색
  • space-section: 큰 콘텐츠 단위 사이의 간격

컴포넌트에는 맥락을 담기

API가 단순할수록 팀은 일관된 결과를 만들기 쉽습니다. 옵션을 끝없이 늘리기보다 제품에서 검증된 사용 사례를 컴포넌트에 담습니다.

디자인 시스템은 완성되는 프로젝트가 아니라, 제품과 함께 배우는 운영 방식입니다.