피그마 스타일 사용법 - 피그마 강좌 2-1

피그마 스타일의 중요성

피그마의 스타일은 크게 텍스트 스타일, 컬러 스타일, 이펙트 스타일, 그리드 스타일로 나뉘어요. 각각의 스타일은 디자인 요소에 적용되는 일관된 속성 집합을 의미하죠. 이를 활용하면 여러 가지 장점이 있는데요, 예를 들어 일관성 유지를 통해 브랜드 아이덴티티를 강화할 수 있습니다. 같은 디자인 시스템에서 동일한 폰트와 색상을 사용하면 시각적으로 깔끔하고 통일감이 있거든요.

또한, 유지보수의 용이성도 큰 장점이에요. 스타일을 한번 등록해 두면, 수정이 필요할 때 클릭 한 번으로 모든 요소를 업데이트할 수 있습니다. 예를 들어, 브랜드 컬러를 변경해야 할 때, 등록된 스타일을 수정하면 모든 관련 디자인이 자동으로 변경되죠. 마지막으로, 작업 시간을 단축시킬 수 있어요. 스타일 가이드를 통해 팀원들이 같은 스타일을 쉽게 활용할 수 있으니, 불필요한 커뮤니케이션이 줄어들고 효율적인 협업이 가능해집니다.

텍스트 스타일 등록 및 활용

이제 텍스트 스타일의 등록과 활용 방법을 살펴볼게요. 먼저, 피그마에서 텍스트 스타일을 등록하려면, 텍스트 요소를 선택한 후 오른쪽 패널의 스타일 부분에서 '어플라이 스타일' 아이콘을 클릭해요. 그리고 '+' 버튼을 눌러 새로운 스타일을 생성합니다. 예를 들어, H1 스타일을 등록한다고 가정해 볼게요. 이름을 'H1'이라고 설정한 후, 폰트, 두께, 사이즈, 행간 등의 속성을 설정하면 됩니다.

이후 다른 텍스트 요소에 등록된 스타일을 쉽게 적용할 수 있어요. 등록한 스타일을 선택하면, 해당 텍스트에도 동일한 속성이 자동으로 적용됩니다. 만약 스타일을 수정하고 싶다면, '에디트 스타일'을 클릭해 속성을 변경하면 되죠. 이렇게 등록된 스타일은 디자인 시안에서 일관성을 유지하는 데 큰 도움이 됩니다.

컬러 및 이펙트 스타일 등록

컬러 스타일도 매우 유용한 기능이에요. 컬러 스타일을 등록하는 방법은 텍스트 스타일과 비슷해요. 먼저, 컬러를 선택하고, '어플라이 스타일'에서 '+' 버튼을 눌러 새로운 컬러 스타일을 생성합니다. 예를 들어, 프라이머리 컬러라는 이름으로 등록하면, 해당 색상이 스타일로 저장되고, 다른 요소에 쉽게 적용할 수 있게 됩니다.

이펙트 스타일도 등록할 수 있는데요, 드롭 섀도우나 블러 효과를 자주 사용하는 경우, 각각의 스타일을 등록해 두면 작업 속도가 빨라져요. 예를 들어, 드롭 섀도우의 다양한 강도를 미리 등록해 두면, 필요할 때마다 선택해서 사용할 수 있겠죠. 이렇게 스타일을 활용하면 디자인 작업의 일관성과 효율성이 크게 향상됩니다.