디자인시스템 아이콘 라이브러리 생성 – 피그마 강좌 3-5

안녕하세요. 이번에는 디자인시스템 중 아이콘에 대한 라이브러리 생성하는 걸 다뤄볼게요. 예제에서는 제가 미리 넣어 놓은 아이콘들을 컴포넌트화하고 라이브러리로 배포하는 것을 해볼게요.

1. 아이콘셋 컴포넌트화하기

먼저, 미리 생성해둔 아이콘셋을 Create Multiple Components 기능을 사용하여 각각의 아이콘을 개별 컴포넌트로 변환합니다. 이 기능을 활용하면 여러 개의 아이콘을 한 번에 컴포넌트화할 수 있어 효율적인 작업이 가능합니다.

컴포넌트화된 아이콘은 디자인 시스템 내에서 재사용할 수 있으며, 다양한 화면에서 일관된 스타일을 유지하는 데 도움이 됩니다.

아이콘을 개별 컴포넌트로 변환한 후, 다른 프로젝트에서도 활용할 수 있도록 라이브러리로 퍼블리싱해야 합니다.

피그마의 Assets 패널에서 Publish Library 기능을 사용하면, 팀원들이 동일한 아이콘을 손쉽게 불러와 사용할 수 있습니다. 퍼블리싱한 후에는 디자인 시스템의 일관성을 유지할 수 있도록 필요에 따라 아이콘을 업데이트하고 관리해야 합니다.

이번 강의에서는 아이콘셋을 컴포넌트화하고, 피그마 라이브러리로 퍼블리싱하는 과정을 살펴보았습니다. 이를 통해 디자인 시스템 내에서 아이콘을 체계적으로 관리할 수 있으며, 팀원들이 동일한 자원을 활용하여 일관된 디자인을 유지할 수 있습니다.