프론트엔드팀의 디자인 시스템 재구축기

카카오스타일 지그재그 서비스 FE팀에서 1년 이상 진행한 디자인 시스템 재구축 프로젝트 경험을 공유하는 글입니다. 여러 지면에서 독립적으로 관리되던 상품 카드 컴포넌트의 일원화와 팀 전체의 UI/UX 통합 관리를 목표로 디자인 시스템을 재구축했습니다.

프로젝트 초기에는 기존 디자인 시스템의 현황을 파악하고, 모듈화를 통한 유지보수 및 확장성 개선, 런타임 CSS-in-JS의 한계를 극복하기 위한 제로 런타임 스타일링 방식 전환, CSS 변수 기반 디자인 토큰 및 테마 관리 효율화, 상품 카드 컴포넌트 일원화라는 네 가지 목표를 설정했습니다. 이 글은 이러한 과정에서 마주한 주요 과제와 해결 과정을 담고 있습니다.