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

컴포넌트 복사 시 인스턴스 누적 해결

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

질문사항

피그마에서 컴포넌트를 복사 붙여넣기하여 새로운 컴포넌트를 만들 때, 기존 인스턴스들이 레이어에 계속 쌓이는 현상을 어떻게 해결할 수 있나요?

답변

컴포넌트를 복사 붙여넣기하여 새로운 컴포넌트를 만들 때, 기존 인스턴스들이 쌓이는 현상은 주로 다음과 같은 경우에 발생할 수 있습니다.
  • 원본 컴포넌트가 이미 다른 인스턴스를 포함하고 있을 때: 만약 복사한 원본 컴포넌트 자체가 내부에 다른 컴포넌트의 인스턴스를 포함하고 있었다면, 복사된 새 컴포넌트에도 그 인스턴스들이 그대로 따라옵니다.
  • 복사 과정에서 의도치 않게 인스턴스가 포함될 때: 드물지만, 복사-붙여넣기 과정에서 선택 영역에 다른 인스턴스가 포함되어 함께 복사될 수 있습니다.
  • 해결 방법:

  • 새 컴포넌트 생성 시: 가장 깔끔한 방법은 기존 컴포넌트를 복사하여 수정하는 대신, 완전히 새로운 프레임이나 요소를 사용하여 컴포넌트를 처음부터 만드는 것입니다.
  • 기존 컴포넌트 복사 후 정리:
  • 기존 컴포넌트(메인 컴포넌트)를 복사하여 붙여넣습니다.
  • 새로 생성된 복사본은 아직 메인 컴포넌트가 아닌 일반 프레임 또는 그룹 상태일 것입니다. 이 상태에서 레이어 패널을 확인하여 불필요한 인스턴스나 레이어가 있는지 확인합니다.
  • 불필요한 인스턴스가 있다면, 해당 인스턴스를 선택하고 `Delete` 키를 눌러 삭제합니다. 만약 인스턴스 상태로 남아있다면 `Detach instance` (Ctrl/Cmd + Alt/Option + B) 후 삭제할 수도 있습니다.
  • 정리가 완료된 프레임/그룹을 선택하고 `Create component` (Ctrl/Cmd + Alt/Option + K)를 사용하여 새로운 메인 컴포넌트를 생성합니다.
  • 컴포넌트 내부 구조 확인: 만약 새로 만든 컴포넌트 내부에 계속해서 원치 않는 인스턴스가 나타난다면, 해당 컴포넌트의 내부 구조를 면밀히 검토하여 숨겨진 레이어나 그룹이 있는지 확인해야 합니다.