MDS(Musinsa Design System) 지속 가능한 디자인 시스템을 향한 여정

간단 소개

무신사 디자인 시스템(MDS) 구축 과정과 방법론, 문제 해결 과정을 공유하고 지속 가능한 디자인 시스템을 위한 고민을 담고 있습니다.

AI Summary

MDS 구축 배경 및 목표
- 디자인 일관성 부족, 중복 개발, 소통 비용 증가 문제 해결
- 통일된 디자인 원칙과 재사용 가능한 컴포넌트 라이브러리 구축
- Headless UI 아키텍처를 통해 유지보수성 확보
방법론 적용 및 문제 해결
- Atomic Design을 통해 컴포넌트 결합도 낮춤
- Compound Pattern과 Radix UI를 활용하여 상태 관리 효율성 증대
- Slot Pattern을 통해 Molecule, Organism 단계의 확장성 확보
반복 작업 개선 및 지속가능성
- Babel을 활용하여 아이콘 관련 휴먼 에러 방지
- ts-morph를 활용하여 코드 수정 자동화 및 유지보수 효율성 증대
- 디자인 시스템 도입 후 커뮤니케이션 측면의 과제 해결 필요