디자인 시스템 > 디자인 토큰

디자인 토큰

Figma 의 색·간격·폰트 토큰과 같은 사고가, 코드에서는 design tokens, 디자인 토큰이라고 불립니다.

Figma 에서 색을 직접 `#222222` 로 박지 않고 `text/primary` 같은 이름으로 토큰화해 두면, 한 곳에서 색을 바꾸면 모든 컴포넌트가 따라옵니다. 토큰이 곧 단일 진실의 출처가 되는 거죠.

전체 설명과 예시는 수강생에게 공개됩니다

이 개념의 코스 내 적용 예시, 코드 예제, 관련 강의 연결은 로그인 후 용어집에서 볼 수 있습니다.