Vendor Lock-in 방지를 위한 W3C DTCG 표준 기반 Design Token 설계 전략

Context

디자인 토큰의 정의는 2014년부터 존재했으나 도구별로 상이한 포맷을 사용하여 상호 운용성이 결여된 상태임. 특정 벤더의 독자 포맷에 의존하는 구조는 도구 교체 시 전체 파이프라인을 재작성해야 하는 높은 리스크를 내포함.

Technical Solution

• W3C 주도의 DTCG(Design Tokens Community Group) 표준을 앵커로 설정하여 벤더 중립적인 데이터 스키마 구축
• Primitive Token(색상, 간격 등)을 표준 기반으로 우선 적용하여 데이터 안정성 확보
• Composite Token(타이포그래피, 그림자 등)의 경우 각 벤더의 Dialect를 표준의 Wrapper 형태로 설계하여 유연성 유지
• Style Dictionary v4 및 Terrazzo와 같은 Reference Implementation을 통한 표준 포맷 변환 자동화
• Figma의 Native Export 기능을 DTCG 정렬 형태로 연결하여 디자인-코드 간 싱크 구조 최적화