컴포넌트 & 인스턴스

아이콘 스왑 불가 문제 해결

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

질문사항

플러스 버튼을 다른 아이콘으로 스왑하고 싶은데 스왑이 되지 않습니다. 어떻게 해결할 수 있나요?

컴포넌트 인스턴스 내에서 아이콘을 스왑하려면, 해당 아이콘이 컴포넌트화되어 있어야 합니다. 그리고 부모 컴포넌트에 'Instance Swap' 프로퍼티를 추가해야 합니다.

마스터 컴포넌트 편집: 스왑하려는 아이콘이 포함된 마스터 컴포넌트를 엽니다.

아이콘 선택: 마스터 컴포넌트 내에서 스왑 대상으로 지정할 아이콘 레이어를 선택합니다.

Instance Swap 프로퍼티 추가: 오른쪽 패널의 'Layer' 섹션에서 해당 아이콘 레이어 옆에 있는 'Create component property' 아이콘 (네모 안에 다이아몬드 모양)을 클릭합니다.

'Instance Swap' 선택: 드롭다운 메뉴에서 'Instance Swap'을 선택하고 프로퍼티 이름을 지정합니다.

이렇게 설정하면, 해당 컴포넌트의 인스턴스를 선택했을 때 오른쪽 패널에서 해당 프로퍼티를 통해 아이콘을 쉽게 스왑할 수 있습니다.