이번에 새로운 디자이너님과 협업을 하게 되었는데, 초기 단계부터 시작하는 거라서 처음부터 디자인 시스템을 잡고 가기로 했습니다.
이전 프로젝트에서 경험했던 문제들:
- 디자이너: "개발자들이 피그마와 다르게 구현해요"
- 개발자: "디자인이 개발 중에 자주 바뀌어요"
- 공통: 스크린샷 주고받기, 반복적인 확인 과정
- 결과: 소통 비용 증가, 일관성 부족
그래서 이번에는 다르게 접근하기로 했습니다: 처음부터 Storybook으로 디자인 시스템을 구축하고, 체계적인 협업 프로세스를 만들어보기로 했습니다.
이 포스트에서는 Next.js에서 Storybook을 설치하고 디자이너와 협업하기 위한 초기 세팅 과정을 공유하겠습니다.