Design System

만든 이유

점점 늘어나는 프로젝트에 비해 디자인이 파편화되는 경향이 매우 강해졌습니다. 이를 방지하기 위해 기준이 되는 디자인 시스템을 구축했습니다.

코멘트

Document 페이지 (SSG), Storybook / Plugin, CLI 등 편의 기능까지 모두 갖춰 완성한 디자인 시스템입니다. 1년이 지난 지금도 잘 사용되고 있으며, 가끔 컴포넌트가 추가되기도 합니다.

주요 특징

• 01매우 풍부한 컴포넌트 라인업 (40+ 종)
• 02SSG 로 생성된 Document 페이지 + Storybook 을 통한 컴포넌트 Preview 기능
• 03Storybook 에는 디자이너와의 빠른 협업을 위해 Notion API 를 활용한 comment plugin 기능 지원
• 04Document 페이지에서 Icon 을 바로 찾아 사용할 수 있는 별도 페이지 제공
• 05디자인 토큰 값도 자동으로 파싱되어 페이지에 그대로 노출

맡은 역할

• 01디자인 시스템 core · Document · Storybook 을 위한 monorepo 구성 (pnpm workspace)
• 02MD 파일 기반으로 SSG 된 정적 Document 페이지 작성
• 03GitHub Actions 배포 스크립트 작성 및 배포
• 04타 프로젝트에서 사용 / 업데이트를 위한 CLI 커맨드라인 작성