본문 바로가기
디자인/04_Figma

Foundation_Design Token_Variables

by radioherz_robot 2024. 4. 10.
Foundation

 

Color

Font

Radius

Spacing

Layout

Border

Shadow

...

 

Design Style 의 근거가 되는 Foundation

 

 

 

Design Token

 

Token토큰이란?

하나의 형태에 여러가지 기능이나 정보를 담을 수 있는 개념

 

core value + primitive + semactic + component

 

디자인 토큰을 통한 중앙제어에서 부터 정밀한 부분까지 수정사항을 적용할 수 있는~

 

디자인 토큰의 개념을 제대로 작정하고 정리한 variables!

 

 

Variables

 

 

https://m2.material.io/design/color/the-color-system.html#tools-for-picking-colors

 

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

m3.material.io

 

https://m2.material.io/design/color/the-color-system.html#tools-for-picking-colors

 

 

-

https://www.youtube.com/watch?v=IN0a_3c1vJs