Figmapedia
목록으로 돌아가기
베리어블 & 디자인 시스템

피그마 Variables JSON 파일 추출

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

질문사항

Figma에서 베리어블(Variables)을 JSON 파일로 추출할 수 있나요? Token Studio와 같은 플러그인 없이 자체 기능으로 가능한가요?

답변

네, Figma 자체 기능으로 베리어블(Variables)을 JSON 파일로 추출하고 가져올 수 있습니다. 별도의 유료 플러그인 없이도 가능합니다.

추출 방법:

  • Figma 파일에서 로컬 변수(Local Variables) 패널을 엽니다.
  • 추출하고 싶은 베리어블 컬렉션(Variable Collection) 또는 특정 모드(Mode) 위에서 마우스 오른쪽 버튼을 클릭합니다.
  • 컨텍스트 메뉴에서 `Export collection` 또는 `Export mode` 옵션을 선택합니다.
  • 그러면 해당 변수들이 JSON 파일 형식으로 저장됩니다.
  • 가져오기 방법:

  • 변수를 가져오고 싶은 다른 Figma 파일에서 로컬 변수 패널을 엽니다.
  • 패널 상단의 `Variables` 옆에 있는 `...` (더보기) 아이콘을 클릭합니다.
  • `Import variables`를 선택하고 이전에 추출한 JSON 파일을 불러오면 됩니다.
  • 이 기능을 통해 디자인 시스템의 변수들을 쉽게 관리하고 다른 파일이나 프로젝트 간에 공유할 수 있습니다.