디자인 토큰이란 무엇인가
“컬러를 변수로 관리한다”는 말을 들어봤다면, 디자인 토큰의 절반은 이해한 셈이다. 디자인 토큰은 그 개념을 체계화하고 코드와 연결한 것이다. 디자인 토큰이란 무엇인가 디자인 토큰은 디자인의 시각적 속성(색상, 타이포그래피, 간격, 보더 반경, 그림자 등)을 이름 붙여서 저장하는 방법이다. 예를 들어, 브랜드 블루 색상을 “#0057FF”로 쓰는 것이 아니라 color.brand.primary라는 이름으로 쓰는 것이다. 이 이름(토큰)은 Figma 변수, CSS 변수, … 더 읽기