피그마 컬러시스템 관련 플러그인 - Color Palettes

 

안녕하세요 찐망고입니다.

피그마에서 컬러 시스템을 구성하고 관리할 때 유용한 컬러 관련 플러그인들이 있어요.
그중 제가 자주 쓰는 플러그인 몇 가지를 소개해볼게요!

 

첫번째 포스팅 할  플러그인은 Color Palettes입니다.

Color Palettes는 색상 조합을 손쉽게 만들고, 스타일로 바로 저장 가능합니다.

Color Palettes 피그마 플러그인

Color Palettes 피그마 플러그인

 

Color Wheel+  메뉴를 클릭하면 색을 지정하는 팔레트가 나오고

상단 메뉴에서 다양한 컬러 조합 스타일을  선택할 수 있죠.

 

 

• Analogous (유사색): 부드럽고 조화로운 느낌
• Monochromatic (단색 계열): 통일감은 있지만 다소 단조로움
• Triadic (삼색 대비): 생동감 있고 균형 잡힌 느낌
• Tetradic (사색 대비): 다채롭고 화려하지만 조절 안 하면 산만할 수 있음
• Complementary (보색): 강렬한 대비감
• Split Complementary (분할보색): 보색보다 부드럽고 세련된 느낌
• Square (정사각형): 균형과 대비 둘 다 챙김

 

 

Color Palettes 피그마 플러그인

 

분할 보색은 색상환(color wheel)에서 기준색의 정반대(보색, 180°) 옆으로 동일한 각도만큼 떨어진 두 색을 고르는 방식인데

색상환 기반 파랑색(240도)의 보색은 옐로우(240도+180도 - 360도=60)고

아마 이 컬러팔레트 플러그인은 파랑의 보색인 노랑(60°)을 기준으로 좌우 ±60°, ±90°, ±120° 등을 적용하면

보색의 양옆에 위치한 색이 핑크와 연두로 결정된다고 보면 좋겠네요.

 

From Canvas를 체크하면 선택된 오브젝트 색상을 바로 불러올 수 있어

 

피그마 스타일 등록 시 /로 그룹화하면 primary/red, primary/blue처럼 자동 정렬됩니다.

피그마 스타일 등록