본문 바로가기

UXUI 기타/standard class

피그마 심화 섹션 - 김태길튜터님

피그마 변수(Variable) - 디자인토큰, 상품 가격, 장바구니 수량, 로그인 여부, 상품 정보 구분, 다크모드/라이트모드
 (Conditional) - 

01. 디자인 토큰(Design Token)
#2A79FF → Blue500 헥스코드에 이름 부여 → Color-Primary이름 부여
제품 맥락이 없는 단순한 raw value → 제품 안에 맥락이 들어있는 이 색상의 고유값=토큰 → 의미를 가지는 색상

component token으로 한번 더 적용시켜 준다. 어디어디에 사용해 줄거야 라는 기준을 정해 줄 수 있음. 디자인 조직이 확실히 구축된 곳에서 사용할 수 있다.

피그마 변수 = 디자인 토큰 아니야~

#숫자 변수(number)

#글자(string)

#다크모드/라이트모드

#장바구니 숫자