핵심 아이디어

컴포넌트 레벨 디자인 토큰은 디자인 보안, 확장성, 자동화 가능성 등의 이점을 제공하지만, 실제 구현시 심각한 문제점과 위험성도 수반한다.

요약

Adobe의 Spectrum 디자인 시스템 사례에서, 컴포넌트 레벨 토큰은 7개 이상의 프레임워크에서 일관된 구현을 보장했지만, 결국 21만개 이상의 토큰과 18MB JSON 파일이라는 비대화 문제를 야기했다. 완전한 컴포넌트 레벨 토큰 시스템은 여러 프레임워크 구현, 중앙화된 디자인 팀, 단일 디자인 언어 등 특정 조건이 충족될 때만 효과적이다.

견해

디자인 시스템 구축 시 토큰 전략은 조직의 특성과 필요에 맞게 균형을 찾는 것이 중요하며, 대부분의 경우 필요에 따라 소수의 컴포넌트 레벨 토큰을 사용하는 접근법이 더 효율적일 수 있다.

출처

Component-level Design Tokens: are they worth it? | by Nate Baldwin | Medium