컬러 토큰 정의 + 다크모드 전환 + 컴포넌트 바인딩 + 일관성 유지 경험
수업에서 Figma Variables를 처음 적용해보면서 디자인 시스템의 효율이 달라지는 걸 경험했습니다. 토큰 측면에서는 컬러값을 직접 입력하는 대신 Variables로 정의해두면 나중에 브랜드 색상이 바뀌어도 한 번에 반영되는 구조를 만들 수 있다는 걸 배웠습니다. 다크모드 측면에서는 Variables의 모드 기능을 활용하면 라이트·다크 두 색상 세트를 같은 변수로 관리할 수 있어서 다크모드 전환 작업이 훨씬 간단해진다는 걸 경험했습니다. 컴포넌트 측면에서는 버튼·카드·입력 필드에 Variables를 바인딩해두면 컴포넌트 단위로 색상 변경이 일관되게 적용된다는 걸 배웠습니다. 관리 측면에서는 Variables 이름을 명확하게 체계화해두는 것이 팀원이 찾아쓸 때 혼란이 없는 방법이라는 걸 경험했습니다.
Variables는 디자인 파일을 코드처럼 구조화하는 방향으로 발전시키는 도구라는 걸 그때 배웠습니다.