vigor-13 / design-system

디자인 시스템

Brad Frost의 디자인 시스템을 구현해보는 프로젝트다.

• 결과물 스토리북: 링크
• 시스템 이론 정리: 링크
• 디자인 시스템 레러펀스: 링크

기술 스택

• PNPM
• Turborepo
• Typescript
• React
• Vite
• Storybook
• Style Dictionary
• StyleX

패키지 구조

• 컴포넌트 빌드하기

pnpm build:ui

• vite 예제 프로젝트 실행 - http://localhost:5173

pnpm dev:ui-example

• 디자인 시스템 스토리북 실행 - http://localhost:6006

pnpm dev:ui-docs