Figma조차 자신의 디자인 토큰에 대해 확신하지 못하고 있습니다

디자인 토큰은 새로운 개념이 아닙니다. 사람들은 10년 넘게 이를 사용해 왔습니다. 하지만 지난 10년 동안 업계에는 한 가지 큰 문제가 있었습니다. 바로 포맷에 대한 합의가 없었다는 점입니다. 모든 팀이 각자 자신만의 방식으로 토큰을 작성했습니다.

이제 업계가 변하고 있습니다.

Design Tokens Community Group (DTCG)이 포맷을 정립하고 있습니다. 이는 W3C의 노력입니다. 결코 작은 프로젝트가 아닙니다. 다음과 같은 거물급 기업들이 이를 지원하고 있습니다:

• Adobe • Google • Microsoft • Meta • Amazon • Shopify • Figma

대부분의 기업이 이 오픈 표준을 향해 움직이고 있습니다.

제 예측은 이렇습니다. 디자인 도구 시장에 폭풍이 몰아칠 것입니다.

만약 토큰을 특정 도구에 직접 종속시킨다면 위험에 처하게 됩니다. 그 도구가 변경되거나 사라지면, 막대한 양의 재작업을 해야 하기 때문입니다. 대신 토큰을 오픈 표준에 고정한다면 안전을 유지할 수 있습니다.

Figma조차 어려움을 겪고 있습니다. Figma는 DTCG 지지자 명단에 포함되어 있지만, 여전히 자체 데이터 처리에 애를 먹고 있습니다. Figma 변수를 보면 그냥 숫자만 보입니다. 예를 들어 숫자 10이 보인다면, 이것이 10픽셀인지, z-index가 10인지, 아니면 10밀리초인지 추측해야만 합니다.

도구는 이를 알려주지 않습니다. 해당 파일을 읽는 다른 도구들 역시 알려줄 수 없습니다.

이는 리스크를 초래합니다. 전체 파이프라인을 단일 벤더를 중심으로 구축한다면, 당신은 취약한 상태에 놓이게 됩니다.

현명한 방법은 DTCG를 미들 레이어로 사용하는 것입니다.

오픈 표준을 중심으로 시스템을 구축하십시오. 필요하다면 Figma에서 데이터를 가져오기 위해 작은 어댑터를 사용하면 됩니다. 만약 Figma의 내보내기(export) 기능이 개선된다면, 그 어댑터를 그냥 버리면 그만입니다. 당신의 핵심 시스템은 도구가 아닌 표준에 의존하기 때문에 변하지 않습니다.

디자인 도구가 당신의 토큰을 소유해서는 안 됩니다. 도구는 단지 토큰을 소비하는 하나의 방식이어야 합니다.

하나의 도구를 위해 만드는 것을 멈추십시오. 업계 표준을 위해 만들기 시작하십시오.

출처: https://dev.to/slafleche/even-figma-isnt-sure-about-its-own-design-tokens-4mko