컴포넌트 & 인스턴스

아이콘 Swap property 색상 변경

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

질문사항

버튼 베리언트에서 Swap property로 아이콘을 변경할 때마다 아이콘 컬러가 원래 화이트에서 블랙으로 바뀝니다. 왜 이런 현상이 발생할까요?

컴포넌트 베리언트에서 아이콘 스왑 시 색상이 변경되는 문제는 주로 아이콘의 구조나 속성 때문에 발생합니다. 다음 사항들을 확인해 보세요:

아이콘 속성 일치: 스왑하려는 모든 아이콘의 속성(예: 면(fill) 또는 선(stroke) 사용 여부)이 동일해야 합니다.

벡터 플래튼(Flatten): 아이콘 벡터가 `Flatten` (Ctrl/Cmd + E) 되어 단일 레이어로 구성되어 있는지 확인하세요.

그룹 해제: 아이콘 에셋 안에 불필요한 그룹(Group)이 없어야 합니다. 그룹이 있으면 색상 속성이 제대로 상속되지 않을 수 있습니다.

하위 레이어 명칭: 아이콘 내부의 최하위 벡터 레이어 명칭이 `Vector` 등으로 일관되게 지정되어 있는지 확인하는 것이 좋습니다.

이러한 문제들을 해결하면 아이콘 스왑 시 색상 변경 없이 원하는 대로 작동할 것입니다.