베리어블 & 디자인 시스템

Variables 폰트 두께 설정 우선순위

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

질문사항

Figma Variables를 사용하여 폰트 두께를 설정할 때, 제가 만든 '세미볼드' 같은 변수와 폰트 자체의 숫자 Weight 값(예: 600, 500) 중 어떤 것이 우선순위를 가지며, 폰트 굵기 조절은 어떤 방식으로 해야 하나요?

답변

Figma에서 폰트 두께(Weight)를 조절할 때, 폰트 자체의 Weight 값(예: 600, 500)과 Figma Variables를 통한 설정은 서로 다른 방식으로 작동합니다.

폰트 자체의 Weight 값: 폰트 패널에서 직접 'Regular', 'Medium', 'SemiBold' 또는 숫자 값(400, 500, 600 등)을 선택하는 것은 해당 텍스트 레이어에 직접적인 스타일을 적용하는 것입니다.

Figma Variables: Variables는 디자인 시스템의 토큰처럼 작동하여, 특정 속성(예: 폰트 Weight)에 대한 값을 정의하고 이를 디자인에 적용할 수 있게 합니다.

우선순위 및 작동 방식:

Figma Variables를 폰트 Weight에 적용하려면, 텍스트 레이어를 선택한 후 폰트 패널의 Weight 드롭다운 메뉴 하단에 있는 'Apply variable' 섹션에서 생성한 Weight Variable을 지정해야 합니다.

이렇게 Variable을 적용하면, 해당 텍스트 레이어의 Weight는 Variable에 정의된 값(예: 600)을 따르게 됩니다.

만약 Variable이 적용된 상태에서 폰트 패널에서 직접 다른 Weight를 선택하려고 하면, Variable이 우선순위를 가지므로 직접 선택한 Weight가 적용되지 않거나, Variable을 해제해야만 변경이 가능할 수 있습니다.

'세미볼드'와 같은 사용자 정의 이름은 Variable의 'Name'일 뿐이며, 실제 폰트 굵기는 Variable에 연결된 숫자 값(예: 600)에 의해 결정됩니다. 폰트 파일 자체에 'SemiBold'라는 스타일이 600으로 매핑되어 있다면, Variable이 600을 가리킬 때 'SemiBold'로 표시될 수 있습니다.

결론: 폰트 굵기를 Variables로 관리하려면, Variables에 정확한 숫자 Weight 값을 정의하고, 텍스트 레이어에 해당 Variable을 'Apply variable' 기능을 통해 연결하는 것이 올바른 방식입니다. 이렇게 하면 디자인 시스템 전체에서 일관된 폰트 Weight를 유지하고 쉽게 변경할 수 있습니다.