Style & Effect

Figma 헥사코드 색상 사용처 확인 플러그인

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

질문사항

특정 헥사코드(Hex code)의 색상이 Figma 파일 내에서 어디에 사용되었는지 확인할 수 있는 플러그인이나 기능이 있을까요?

플러그인은 아니지만, Figma의 내장 기능을 활용하여 특정 색상이 사용된 위치를 확인할 수 있습니다.

전체 파일에서 찾기: 아무것도 선택하지 않은 상태에서 오른쪽 사이드바의 'Selection colors' 패널을 확인하면 파일 전체에 사용된 색상 목록을 볼 수 있습니다.

특정 색상 찾기: 찾고자 하는 색상의 헥사코드를 알고 있다면, 'Selection colors' 패널에서 해당 색상을 찾아 옆의 타겟(🎯) 아이콘을 클릭합니다. 그러면 해당 색상이 사용된 모든 레이어들이 선택됩니다.

색상 스타일 사용: 만약 색상 스타일(Color Styles)로 등록된 색상이라면, 'Local Styles' 패널에서 해당 색상 스타일을 우클릭하여 'Select all layers with this style'을 선택하면 됩니다.

이 기능을 통해 특정 헥사코드가 사용된 부분을 쉽게 파악하고 관리할 수 있습니다.