디자인 일관성을 유지하려면 색상과 스타일 관리를 체계적으로 해야 합니다. 이번 글에서는 Figma에서 색상 팔레트와 텍스트 스타일을 설정하고 활용하는 방법을 알아보겠습니다.
1. 색상 스타일(Color Styles) 만들기
- 오브젝트를 선택한 후, 오른쪽 패널에서 Fill 색상을 설정합니다.
- 색상 설정 옆의 4개 점 아이콘을 클릭해 "Create Style"을 선택합니다.
- 스타일 이름을 입력하고 저장하면 색상 스타일이 생성됩니다.
2. 텍스트 스타일(Text Styles) 만들기
- 텍스트 레이어를 추가한 뒤, 폰트, 크기, 굵기 등을 설정합니다.
- 오른쪽 패널에서 "Create Style"을 클릭합니다.
- 스타일 이름을 지정해 저장합니다.
3. 스타일의 장점
- 프로젝트 전체의 일관성 유지
- 수정 시 자동으로 모든 적용 오브젝트 업데이트
- 협업 시 스타일 기준 통일
4. 스타일 편집 및 삭제 방법
사용 중인 스타일을 수정하고 싶다면 "Assets" 패널에서 스타일을 찾아 수정하거나 삭제할 수 있습니다. 단, 삭제할 경우 연결된 오브젝트의 스타일이 기본값으로 돌아갑니다.
결론
Figma의 색상과 스타일 기능을 잘 활용하면 디자인 일관성을 쉽게 유지할 수 있습니다. 초기에 시간을 들여 스타일을 설정해두면, 프로젝트 규모가 커져도 효율적으로 관리할 수 있습니다.