피그마에서 버튼의 배경색상, 폰트색상 등을 토큰(Variables)으로 등록하는 개념에 대해 궁금합니다. 단순히 컴포넌트를 만들어서 복사하는 것보다 Variables를 사용하면 어떤 이점이 있을까요?

Variables(변수)를 사용하면 디자인 시스템의 확장성과 유지보수성을 크게 향상시킬 수 있습니다. 단순히 컴포넌트를 복사하는 것보다 다음과 같은 이점이 있습니다:

* **중앙 집중식 관리**: 색상, 폰트 크기, 간격 등 디자인의 기본 요소들을 한곳에서 관리할 수 있습니다.

* **일관성 유지**: 모든 디자인 요소가 변수를 참조하므로, 변수 값만 변경하면 전체 디자인에 일관된 변경을 적용할 수 있습니다.

* **다중 계층 토큰 구조**: Primitive Tokens (기본 색상), Semantic Tokens (용도별 색상, 예: `primary-button-bg`), Component-Specific Tokens (특정 컴포넌트의 상태별 색상) 등 여러 계층의 토큰을 사용하여 유연하게 디자인을 관리할 수 있습니다. 예를 들어, 특정 버튼의 컬러만 바꾸거나, 특정 상태의 컬러를 일괄 변경할 때, 전혀 상관없는 컴포넌트에 영향을 주지 않고 변경 사항을 적용할 수 있습니다.

* **테마 및 모드 지원**: 다크 모드, 브랜드 테마 변경 등 다양한 테마나 모드를 변수 세트(Variable Modes)를 통해 쉽게 전환하고 관리할 수 있습니다.

* **개발자와의 협업 용이**: 변수는 개발자가 코드에서 직접 사용할 수 있는 디자인 토큰으로 변환될 수 있어, 디자인과 개발 간의 싱크를 맞추는 데 매우 효과적입니다.