[디없디 #1] 디자인팀 없는 회사에서 디자인 시스템 만들기

제작 목적

회사에서 SaaS 제품을 만든다고 하여 새로운 디자인 소스가 필요한 상황이었다.

데이터를 활용한 여러 구성의 화면들이 나오기 때문에 재사용 가능한 디자인이 필요하였고

지금이야 말로 디자인 시스템을 만들 타이밍이라고 생각했다.

 

디자인 시스템 구축하기 전에 많은 회사의 디자인 시스템들을 찾아보았는데 많이 참고했던 회사들을 공유하자면

 

 

 

1. 쏘카 / [SDS] Socar Design System
https://tech.socarcorp.kr/design/2020/06/23/socar-design-system-01.html

[SOCAR FRAME 만들기 #1] 쏘카의 디자인 시스템 맛보기

 

2.IBM / [CDS] Carbon Design System

https://carbondesignsystem.com/

Carbon Design System

 

3.G-market / [GDS] Gmaket Design System

http://gds.gmarket.co.kr/

Gmarket Design System

 

4.Line / [LDS] Line Design System

https://carrotdesign.tistory.com/entry/WCCD-LINE-Design-SystemLDS-%EC%A0%9C%EC%9E%91%EA%B8%B0

[WCCD] LINE Design System(LDS) 제작기

 

이외에도 많은 제작기들을 참고했는데 참고한 기준은

color정의와 spacing ,layer등의 베이식한 부분을 많이 참고하였다.

 

그리고 컴포넌트를 만들었을 때 개발 소스와 가이드 문서의 일치화를 어떻게 하고 관리할지 고민이 많았는데

그때 토스의 TDS제작기가 많은 도움이 되었다. 디자인 시스템을 처음 도입하는 회사에서 협업할 때 정말 많은 도움이 될 거라고 생각한다.

 

https://www.youtube.com/watch?v=LmLchZ4tCXc 

 

우리 회사에서도 프레이머를 기반으로 기능 개발해서 커버리지도 계산하고 효율적으로 디자인 시스템 사용해보고 싶지만 일단은 작은 것부터 조금씩 적용해보는 걸로!