디자인 시스템, 막막하다면? 실전 가이드로 시작하세요!
by DD
8개월 전
조회수 4
주니어 디자이너를 위한 디자인 시스템 구축 가이드로, UI 컴포넌트 제작 어려움 해결
UI 수집, 분류, 문서화를 통해 디자인 시스템을 구축하는 실질적인 방법 제시
디자인 시스템은 지속적인 개선이 필요한 '제품'이며, 작은 단위로 시작 권장
디자인 시스템 구축, 첫걸음: UI 수집과 분류
디자인 시스템 구축의 시작은 피그마 컴포넌트 제작이 아닌, 제품 내 UI 요소 수집이다. UI들을 모아 패턴을 발견하고, 기능에 따라 분류한다. 따라서, UI의 형태보다 목적에 집중하여 분류하는 것이 중요하다.
디자인 시스템, 개발자와의 협업: 코드화 전략
수집 및 분류된 UI를 기반으로 개발자와의 협업을 시작한다. 디자인 의도와 코드 구조를 최대한 일치시켜 커뮤니케이션 효율을 높인다. UI를 템플릿처럼 만들어 개발자가 빠르게 코드로 옮길 수 있도록 하는 것이 핵심이다.
디자인 시스템, 지속적인 개선: 문서화의 중요성
디자인 시스템은 지속적인 개선이 필요한 '제품'이다. UI 수집, 분류, 논의 과정을 문서화하여 암묵적인 규칙을 명시적으로 정의한다. UI 이름, 규격, 배치 규칙 등을 체계적으로 정리하여 디자인 시스템을 구축한다.
