디자인 시스템 구축 0. Intro
디자인 시스템은 크게 Foundation 과 Components 로 나눌 수 있습니다. (물론 회사by회사로 조금씩 다른 구조를 가지고 있지만!)
Foundation 은
- Color
- Typography
- Layout (Spacing)
- Elevation (Shadow)
- Radius
등...
가장 작은 단위로 컴포넌트의 기반이 되는 요소입니다.
Components 는
- Avatar
- Buttons
- Chips
- Date Pickers
- Lists
- Menus
- Navigation
- Search Bar
- Tabs
- TextFields (Input)
등...
스스로 기능을 수행할 수 있는 요소를 말합니다.
디자인 시스템을 디자인 한 후 > 개발하여 스토리북까지 만들면 디자인시스템을 정의했다고 할 수 있습니다.
디자인 시스템을 활용하면
1. 일관성 있는 디자인을 할 수 있고
2. 개발 공수도 줄일 수 있으며
3. 디자인QA도 시간도 줄일 수 있습니다~
다음편에는 디자인 시스템을 만들때 엄청나게 유용했던
피그마 플러그인을 들고 올게요! :)
