디자인 토큰처럼 쓰는 피그마 Variable, Variant/Style과 비교해보기

안녕하세요 찐망고 입니다.피그마에 Variable이라는 개념이 생겼는데 이걸 베리언트랑 같다고 인식을 하더라구요!이건 아님..구글에다가 피그마 베리에이블 치는데 자꾸 제 블로그 베리언트가 나온다면서빨리 포스팅을 해야겠다고 마음먹고자 시작한 글입니다. 피그마에서 Variable은 디자인 속성을 값으로 저장해두고, 필요할 때 불러와서 일관되게 적용할 수 있는 기능을 뜻합니다.예를 들어 색상 hex값 #F8F8F8를 직접 쓰는 대신 Gray/50 같은 이름으로 변수화해 두면,나중에 변수값만 바꿔도 그 변수를 사용한 모든 디자인이 한번에 업데이트 되는것을 뜻합니다.CSS의 클래스, JS의 변수랑도 비슷하죠? Variable(변수)값을 저장하고 재사용하는 개념 (색상, 간격, 수치, 문자열 등)모드별(light/..
UIUX디자인/피그마 2025. 8. 25. 23:13
1