컴포넌트는 미리보기보다 재사용을 보여줘야 한다

컴포넌트의 목적은 화면을 덜 만들게 하는 것

Components는 보기 좋은 샘플을 모으는 갤러리가 아닙니다. 같은 조건에서 같은 형태와 상태를 반복하게 해, 제품 화면을 더 일관되게 만들기 위한 작업 단위입니다.

카탈로그가 보여줘야 하는 범위

각 컴포넌트는 기본 형태만 두지 않습니다. 밀도, 강조도, 선택·비활성·로딩 같은 상태와 실제 사용 위치를 함께 제공합니다. 그래야 컴포넌트를 선택하는 사람이 이름이 아니라 맥락으로 판단할 수 있습니다.

디자인 규칙은 밖으로 꺼냅니다

페이지 안에서만 통하는 간격과 색을 만들지 않고, 반복되는 규칙은 컴포넌트와 토큰으로 분리합니다. Root의 Components는 이 규칙을 공개적으로 확인할 수 있는 표면입니다.

이것이 디자인 시스템이라는 이름보다 더 중요합니다. 팀이 어떤 기준으로 화면을 만들고 유지하는지가, 실제 구성 요소에서 바로 드러나야 합니다.