네이버페이 디자인 시스템 소개

네이버페이는 5탭 모바일 서비스를 통해 통합된 디자인 시스템을 구축하였습니다. 이 시스템은 다양한 서비스에서 일관된 UI와 UX를 제공하는 것을 목표로 합니다. 초기에는 각 서비스별로 개선 사항이 상이하였으나, 디자인 시스템 도입으로 사용자 경험의 일관성을 높였습니다.

디자인 시스템의 정의

디자인 시스템은 UI 요소의 공통 패턴과 주요 컴포넌트를 효율적으로 사용하는 프로세스를 의미합니다. 이 시스템은 Figma를 활용하여 컴포넌트를 설계하고, 디자인 토큰을 자동 추출하여 서비스 간의 일관성을 유지합니다.

작업 과정

• 컴포넌트 설계 및 Figma에 추가
• 디자인 토큰 자동화 추출
• 사용성 검토 후 컴포넌트 개발
• 스토리북을 통한 문서화 및 생산성 향상

deFign 팀은 지속적으로 UI 공통화 및 생산성 향상을 위해 노력하고 있으며, 사용자 통계 시스템 구축도 계획하고 있습니다.