디자인 토큰과 Tailwind 운영

토큰 설계 원칙

토큰은 컴포넌트보다 오래 살아남아야 합니다. 색상과 간격을 즉흥적으로 늘리는 대신, 반복되는 의도를 먼저 식별해야 합니다.

Tailwind와의 결합

  • 자주 반복되는 값은 CSS 변수로 올리고 Tailwind 토큰으로 연결합니다.
  • 화면 단위 예외는 유틸리티 클래스로 두되, 시스템 전반 규칙으로 승격시키지 않습니다.
  • 컴포넌트 API가 토큰 명세보다 앞서지 않도록 경계합니다.

결론

토큰은 디자인 시스템 문서이면서 동시에 구현 계약입니다. 운영 규칙이 없는 토큰은 곧 상수 모음으로 퇴화합니다.