콘텐츠

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

스토리 · 카카오스타일 테크 · 2024.12.13

카카오스타일 지그재그 FE팀에서 진행한 디자인 시스템 재구축 프로젝트에 대한 생생한 경험담을 전해드립니다. 중복된 상품 카드 컴포넌트를 하나로 통합하고, 유지보수성을 높이기 위해 Vanilla Extract를 도입하여 제로 런타임 스타일링과 CSS 변수 기반의 디자인 토큰 시스템을 구축한 과정을 상세히 담았습니다. 컴파운드 컴포넌트 패턴을 활용한 계층적 설계 방식과 디자이너와의 협업 과정에서 겪은 커뮤니케이션 노하우 등 실무 개발자분들에게 도움이 될 만한 기술적 도전과 해결책을 확인해 보세요.