핵심 요약
SK플래닛의 Syrup Design System 도입은 디자인과 개발 간 Hand-off를 체계화하고, 토큰 기반 스타일 관리와 Storybook/NPM 배포로 일관성과 생산성을 크게 향상시켰습니다.
구현 방법
- Foundation/Component/Template 정의와 디자인 토큰 관리로 재사용성과 일관성 확보
- Figma 기반 Hand-off를 문서화하고 Storybook/NPM 배포로 개발 표준화
- 배포 및 유지보수 프로세스를 NEXUS에 통합하여 체계화
주요 결과
- 2024년 앱 개편에서 196개 컴포넌트 중 67개 적용, 약 34% 적용
- 리드타임 6.53일 감소(약 45.6% 감소에 해당)
- 협업 효율성 및 품질 향상, 유지보수 용이성 증가
