디자인 시스템 구축 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도 시간도 줄일 수 있습니다~ 다음편에는 디자인 시스템을 만들때 엄청나게 유용했던 피그마 플러그인을 들고 올게요! :)

콘텐츠를 더 읽고 싶다면?

원티드에 가입해 주세요.
로그인 후 모든 글을 볼 수 있습니다.

원티드 시작하기