Style & Effect

아이콘 색상 변경 오류 해결

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

질문사항

아이콘에서 색을 바꾸려는데 잘 안됩니다. 가끔 원치 않는 색이 들어가 있는데, 이 빨간색을 지우는 방법을 알려주실 수 있나요?

답변

아이콘의 색상이 변경되지 않거나 원치 않는 색상이 적용되어 있을 때, 이는 주로 아이콘이 여러 레이어로 구성되어 있거나 컴포넌트 내부에 색상이 직접 적용되어 있기 때문입니다. 이 문제를 해결하는 방법은 다음과 같습니다:

Selection Colors 패널 활용: 아이콘을 선택한 상태에서 오른쪽 `Design` 패널의 `Selection Colors` 섹션을 확인합니다. 여기에 아이콘 내부에 사용된 모든 색상들이 표시됩니다. 원치 않는 빨간색을 찾아 해당 색상 옆의 `Target` 아이콘(과녁 모양)을 클릭하면, 그 색상이 적용된 모든 레이어가 선택됩니다.

색상 변경 또는 제거: 선택된 레이어들의 `Fill` 속성에서 해당 빨간색을 다른 색상으로 변경하거나, `Fill` 속성 자체를 제거(눈 아이콘 클릭 또는 `-` 버튼)하여 색상을 지울 수 있습니다.

컴포넌트 구조 확인: 아이콘이 컴포넌트로 되어 있다면, 메인 컴포넌트를 편집하여 색상 속성을 `Selection Colors`에서 쉽게 관리할 수 있도록 구조화하는 것이 좋습니다. 예를 들어, `Fill` 색상을 `Variables`나 `Styles`로 연결하면 더욱 효율적으로 관리할 수 있습니다.