베리어블 & 디자인 시스템

폰트 관리: Text Style vs Variables

피그마 오픈카톡방2026. 3. 7.

질문사항

실무에서 폰트 관리를 위해 Text Style과 Variables 중 어떤 것을 주로 사용하나요?

답변

폰트 자체의 속성(폰트 패밀리, 크기, 굵기, 줄 간격 등)은 Figma Text Style로 등록하여 관리하는 것이 일반적이고 권장되는 방법입니다. Text Style은 이러한 타이포그래피 속성들을 한데 묶어 일관성 있게 적용하고 업데이트할 수 있게 해줍니다.

Figma Variables는 주로 색상, 숫자(간격, 크기 등), 문자열, 불리언 값을 관리하는 데 사용됩니다. 폰트 패밀리 이름을 문자열 변수로 관리하거나, 폰트 크기를 숫자 변수로 관리하는 등의 고급 활용도 가능하지만, 이는 Text Style의 유연성을 떨어뜨릴 수 있어 흔히 사용되지는 않습니다.

만약 여러 브랜드나 테마(예: 다크 모드, 특정 고객사 테마)에 따라 폰트 스타일을 전환해야 한다면, Text Style을 여러 세트로 만들거나, Variables의 'Mode' 기능을 활용하여 색상 변수 등을 전환하고, 이 색상 변수를 Text Style 내에서 참조하는 방식으로 디자인 시스템을 구축할 수 있습니다. 실무에서는 대부분 Text Style을 핵심으로 사용하며, Variables는 색상, 간격 등 다른 디자인 토큰 관리에 집중합니다.