[OKKYCON] 어떻게 디자인 시스템을 구축할까
GS shop 개발팀 팀장 김요한
디자인가이드가 있음
아토믹 디자인
아주 작은 아톰디자인을 하고 모아서 분자, … 페이지로 가는 것
개발자입장에서 - 컴포넌트랑 비슷
awesome design system 에 가보면 예시가 많이 있음.
예시
마테리얼 디자인 - 구글
아틀란 킷 - 아틀라시안 / 리액트 컴포넌트로 만들어져있음.
디자인시스템 만들기
에어비엔비 - 리액트 스케치 앱
디자인시스템 - 디자이너와 엔지니어의 갭을 줄여주는 역할
전통적인 방식
디자이너가 -> 스케치파일을 전달 -> 개발자 -> 구현
해결 방식
코드 -> 디자이너 -> 제품
소스오브 트루스 - 소스 중앙화
누가 디자인 시스템을 만드는가?
개발자가 초기 세팅, 디자이너가 코딩하는게 가장 이상적
GSshop에서는 퍼블리셔에게 부탁함.
단점 - 러닝커브, 직관적으로 그려나가기 어렵다.