UI·디자인 토큰 이름 짓기 가이드, 구조와 사용자 언어 활용 제안

Smashing Magazine이 UI 구성요소·디자인 토큰·기능의 이름을 정하는 실무 자료를 소개했다. Intuit의 토큰 분류 사례와 Vodafone의 브랜드·기본값·의미·페이지 연결 구조를 다룬다. 기능 이름에는 사용자가 직접 설명한 표현과 원하는 결과를 반영하라고 제안한다.

Component Gallery는 실제 디자인 시스템의 UI 구성요소 50종 이상과 각 구성요소의 다른 이름을 모은다.

Vodafone의 Variables Taxonomy Map은 토큰 이름에서 사용 위치와 의미를 파악하도록 브랜드·기본값·의미·페이지 간 관계를 보여준다.

글은 좋은 이름의 조건으로 논리적 구조, 짧고 명확한 의미, 팀의 공통 이해를 제시하며 시각적 속성에만 의존하지 않도록 권한다.

팀마다 같은 구성요소를 다른 이름으로 부른다면 Component Gallery의 동의어 목록을 공통 용어집의 출발점으로 쓸 수 있다.