Figmapedia
목록으로 돌아가기
컴포넌트 관리

Figma 파일 간 컴포넌트 관리

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

질문사항

Figma에서 'B 파일'에서 디자인한 요소를 컴포넌트화하여 'A 파일'의 라이브러리로 가져가 관리하고, 다시 'B 파일'에서 인스턴스로 활용하는 방식으로 이해하면 될까요?

답변

네, 맞습니다. Figma의 컴포넌트 라이브러리 워크플로우를 정확히 이해하셨습니다.

일반적인 흐름은 다음과 같습니다.

  • 'B 파일'에서 초기 디자인 및 컴포넌트 후보 발굴: 'B 파일' (작업 파일)에서 UI를 디자인하면서 재사용 가능한 요소들을 컴포넌트 후보로 만듭니다.
  • 'A 파일'로 컴포넌트 이동 및 메인 컴포넌트화: 'B 파일'에서 만든 컴포넌트 후보들을 'A 파일' (메인 컴포넌트 라이브러리 파일)로 옮겨 메인 컴포넌트로 정의하고, 필요한 속성(Variants, Properties 등)을 설정합니다.
  • 'A 파일' 라이브러리 발행: 'A 파일'에서 변경된 컴포넌트들을 라이브러리로 발행(Publish)합니다.
  • 'B 파일'에서 인스턴스 활용: 'B 파일'에서 'A 파일'의 라이브러리를 활성화하고, 발행된 컴포넌트들을 인스턴스로 가져와 디자인에 적용합니다.
  • 이러한 과정을 통해 'B 파일'은 'A 파일'의 디자인 시스템을 활용하는 클라이언트 역할을 하게 됩니다.