컴포넌트 & 인스턴스

컴포넌트 요소 변경, 인스턴스 반영

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

질문사항

기존 컴포넌트 내의 특정 요소(예: 배경)를 별도의 컴포넌트로 만들고, 이 변경 사항이 이미 사용 중인 모든 인스턴스에 반영되도록 할 수 있나요?

네, 가능합니다. 기존 컴포넌트 내의 특정 요소를 별도의 컴포넌트로 만들고, 이 변경 사항이 모든 인스턴스에 반영되도록 하려면 메인 컴포넌트(Main Component) 내부에서 해당 요소를 컴포넌트화해야 합니다.

다음 단계를 따르세요:

메인 컴포넌트로 이동: 현재 사용 중인 인스턴스(Instance)를 선택하고 마우스 우클릭 후 'Go to main component' (또는 Shift + Cmd/Ctrl + E)를 선택하여 해당 메인 컴포넌트로 이동합니다.

배경 요소 선택: 메인 컴포넌트 내에서 컴포넌트화하려는 배경 레이어(예: Rectangle)를 선택합니다.

새 컴포넌트 생성: 선택한 배경 레이어를 `Cmd/Ctrl + Alt + K` (또는 상단 툴바의 'Create component' 아이콘)를 눌러 별도의 컴포넌트로 만듭니다.

기존 컴포넌트 내에서 사용: 이제 이 배경 컴포넌트의 인스턴스가 원래 메인 컴포넌트 내에 배치됩니다.

이렇게 하면, 이 배경 컴포넌트의 메인 컴포넌트를 수정하거나, 다른 배경 컴포넌트로 교체할 경우, 이 배경 컴포넌트를 포함하고 있는 모든 상위 컴포넌트의 인스턴스에도 변경 사항이 자동으로 반영됩니다.