Figmapedia
목록으로 돌아가기
디자인 토큰 & 워크플로우

Figma 디자인 토큰 생성 및 관리

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

질문사항

피그마에서 디자인 토큰(Design Token)을 어떻게 만들고 관리할 수 있나요?

답변

피그마에서 디자인 토큰을 만들고 관리하는 방법은 크게 두 가지가 있습니다.
  • 피그마 내장 Variables(변수) 기능 활용:
  • 피그마의 로컬 변수(Local Variables) 기능을 사용하여 색상, 숫자, 문자열, 불리언 변수를 정의할 수 있습니다.
  • 이 변수들은 디자인 시스템의 기본 토큰으로 활용될 수 있으며, 컴포넌트나 스타일에 연결하여 일관된 디자인을 유지하고 쉽게 업데이트할 수 있습니다.
  • 변수 패널은 캔버스에서 아무것도 선택하지 않은 상태에서 오른쪽 디자인 패널의 'Local Variables' 섹션에서 'Open variables'를 클릭하여 열 수 있습니다.
  • 'Tokens Studio for Figma' 플러그인 활용:
  • 이 플러그인은 피그마의 변수 기능보다 훨씬 더 강력하고 유연한 디자인 토큰 관리 기능을 제공합니다.
  • 색상, 타이포그래피, 간격, 그림자 등 다양한 유형의 토큰을 정의하고, 테마(Theme)를 생성하며, 토큰을 JSON 형식으로 내보내 개발자와 공유하는 등 복잡한 디자인 시스템 워크플로우에 적합합니다.
  • 플러그인은 Figma Community에서 검색하여 설치할 수 있습니다.