[OKKYCON] 어떻게 디자인 시스템을 구축할까


GS shop 개발팀 팀장 김요한

디자인가이드가 있음


아토믹 디자인

아주 작은 아톰디자인을 하고 모아서 분자, … 페이지로 가는 것

개발자입장에서 - 컴포넌트랑 비슷


awesome design system 에 가보면 예시가 많이 있음.

예시

마테리얼 디자인 - 구글

아틀란 킷 - 아틀라시안 / 리액트 컴포넌트로 만들어져있음.


디자인시스템 만들기

에어비엔비 - 리액트 스케치 앱

디자인시스템 - 디자이너와 엔지니어의 갭을 줄여주는 역할

전통적인 방식

디자이너가 -> 스케치파일을 전달 -> 개발자 -> 구현

해결 방식

코드 -> 디자이너 -> 제품


소스오브 트루스 - 소스 중앙화


누가 디자인 시스템을 만드는가?

개발자가 초기 세팅, 디자이너가 코딩하는게 가장 이상적

GSshop에서는 퍼블리셔에게 부탁함.

단점 - 러닝커브, 직관적으로 그려나가기 어렵다.




© 2017. by isme2n

Powered by aiden