컴포넌트 관리

디자인 가이드 이동 시 인스턴스 연결 끊김

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

질문사항

피그마에서 디자인 가이드(메인 컴포넌트)를 다른 파일로 이동했을 때, 기존 파일의 인스턴스 연결이 끊기는 현상에 대해 더 자세히 설명해 주실 수 있나요?

답변

네, 설명하신 상황은 피그마에서 컴포넌트 라이브러리를 관리할 때 흔히 발생할 수 있는 문제입니다.

원본 상황: `A 파일`에 메인 컴포넌트(디자인 가이드)와 이 컴포넌트들을 사용한 디자인 산출물(인스턴스)이 모두 존재했습니다.

문제 발생 과정:

`B 파일`을 새로 만들고, `A 파일`에 있던 메인 컴포넌트들을 `B 파일`로 옮겼습니다.

`A 파일`에서 옮겨진 메인 컴포넌트들을 삭제했습니다.

결과: `A 파일`에 남아있던 디자인 산출물(인스턴스)들은 더 이상 원본 메인 컴포넌트(이제 `B 파일`에 있음)를 참조할 수 없게 됩니다. 피그마는 파일 간의 직접적인 컴포넌트 이동을 자동으로 추적하여 연결을 유지하지 않습니다. 컴포넌트가 삭제되면 해당 컴포넌트를 참조하던 인스턴스들은 "깨진" 상태가 되거나, `Detached instance`로 변환됩니다.

해결 방법:

라이브러리 발행(Publishing): `B 파일`을 컴포넌트 라이브러리 파일로 만들고, 이 파일을 `Publish`해야 합니다.

라이브러리 활성화: `A 파일`에서 `B 파일`을 라이브러리로 활성화(Enable)해야 합니다.

인스턴스 업데이트: `A 파일`의 인스턴스들을 `B 파일`에서 발행된 컴포넌트로 업데이트해야 합니다. 이 과정은 `Swap Library` 플러그인이나 수동으로 `Swap instance` 기능을 사용하여 진행할 수 있습니다.

이 과정을 통해 `A 파일`의 인스턴스들이 `B 파일`의 메인 컴포넌트들을 참조하게 되어, `B 파일`에서 컴포넌트가 업데이트되면 `A 파일`에서도 업데이트를 받을 수 있게 됩니다.