Figmapedia
목록으로 돌아가기
컴포넌트 & 인스턴스

컴포넌트 공유 시 인스턴스 관리

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

질문사항

A 프로젝트에서 만든 컴포넌트를 B 프로젝트에서도 그대로 사용하고 있습니다. 이 경우 컴포넌트 인스턴스를 수정했을 때 어떤 방식으로 관리해야 할까요?

답변

A 프로젝트의 컴포넌트를 B 프로젝트에서 인스턴스로 사용하는 경우, 인스턴스 수정에 대한 이해가 중요합니다.
  • 인스턴스 오버라이드(Overrides): 인스턴스에서 텍스트, 색상, 아이콘 스왑, 크기, 레이아웃(Auto Layout) 등 특정 속성을 변경하는 것을 오버라이드라고 합니다. 오버라이드된 속성은 메인 컴포넌트의 변경 사항에 영향을 받지 않습니다.
  • 메인 컴포넌트 변경의 영향: 메인 컴포넌트에서 오버라이드되지 않은 속성(예: 새로운 속성 추가, 기존 속성의 기본값 변경)이 변경되면, 모든 인스턴스에 해당 변경 사항이 자동으로 반영됩니다.
  • 오버라이드 초기화(Reset Overrides): 인스턴스에 적용된 오버라이드를 초기화하고 싶다면, 인스턴스를 선택한 후 오른쪽 사이드바의 `Instance` 섹션에서 `Reset all overrides` 버튼을 클릭하면 됩니다. 이렇게 하면 인스턴스가 메인 컴포넌트의 최신 상태로 돌아갑니다.
  • 컴포넌트 분리(Detach Instance): 인스턴스를 메인 컴포넌트와의 연결을 완전히 끊고 독립적인 프레임으로 만들고 싶다면, `Detach instance`를 선택할 수 있습니다. 하지만 이 경우 더 이상 메인 컴포넌트의 업데이트를 받을 수 없게 됩니다.
  • 라이브러리 발행(Publishing Library): 여러 프로젝트에서 컴포넌트를 공유하고 관리하는 가장 좋은 방법은 A 프로젝트의 컴포넌트를 라이브러리로 발행(Publish)하고, B 프로젝트에서 해당 라이브러리를 활성화하여 사용하는 것입니다. 이렇게 하면 A 프로젝트에서 메인 컴포넌트를 업데이트하고 라이브러리를 다시 발행하면, B 프로젝트에서 업데이트 알림을 받고 변경 사항을 적용할 수 있습니다.