컴포넌트 관리

파일 간 디자인/컴포넌트 연결 효율화

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

질문사항

피그마 파일 A에서 파일 B로 디자인과 로컬 컴포넌트를 옮길 때, 옮겨진 디자인이 파일 B의 컴포넌트와 자동으로 연결되도록 하는 효율적인 방법이 있을까요? 현재는 A의 컴포넌트와 연결된 상태로 붙여넣어집니다.

답변

피그마에서 컴포넌트 인스턴스는 원본 컴포넌트(마스터 컴포넌트)와 연결됩니다. 다른 파일로 복사/붙여넣기 할 때, 인스턴스는 원본 파일의 마스터 컴포넌트와 연결을 유지하려는 경향이 있습니다. 이를 해결하는 몇 가지 방법이 있습니다:

동시 복사/붙여넣기: 파일 A에서 마스터 컴포넌트와 해당 컴포넌트를 사용하는 디자인(인스턴스)을 모두 선택하여 파일 B로 동시에 복사/붙여넣기 합니다. 이 경우, 피그마는 파일 B에 새로운 로컬 마스터 컴포넌트를 생성하고, 붙여넣어진 인스턴스들이 이 새로운 마스터 컴포넌트와 연결되도록 합니다.

파일 복제 후 정리: 파일 A 전체를 복제하여 파일 B로 사용하고, 불필요한 페이지나 요소를 삭제하는 방법입니다. 이 경우 모든 컴포넌트 연결은 유지됩니다.

'Swap Instance' 또는 'Publish Library' 활용:

Swap Instance: 파일 B에 이미 동일한 이름의 컴포넌트가 있다면, 파일 A에서 가져온 인스턴스를 선택한 후, 오른쪽 패널의 'Instance' 섹션에서 파일 B의 컴포넌트로 수동으로 교체(Swap Instance)할 수 있습니다.

Publish Library: 만약 컴포넌트들을 여러 파일에서 공유할 계획이라면, 파일 A의 컴포넌트들을 라이브러리로 발행(Publish)하고, 파일 B에서 이 라이브러리를 활성화하여 사용하는 것이 가장 좋은 방법입니다. 이렇게 하면 파일 B에서 라이브러리 컴포넌트를 가져와 사용하고, 업데이트도 중앙에서 관리할 수 있습니다.