# 👊 디자인 시스템 공부하기 02

[👊 디자인 시스템 공부하기 01 - 힐다 레코드](https://slashpage.com/hilda/1q3vdn2pq5d51mxy49pr?e=1)

먼저 디자인 시스템이다보니까... 무엇에 대한 디자인시스템인지 정의가 안되어있으면 당연히 의미가 없긴하면서도 일단 공부하는 느낌이다보니까 대략적으로 작은 서비스 하나 생각하면서 작업 중에 있습니다.

이전 글에 이어서

Primitive 컬러를 먼저 베리어블에 등록했습니다.

![Image](https://upload.cafenono.com/image/slashpagePost/20240730/135929_XVXUsadBY4DyZtvmPG?q=80&s=1280x180&t=outside&f=webp)

그리고 만들 서비스에서 자주 사용되는 컬러들은 따로 semantic 컬러로 베리어블 등록했습니다.

![Image](https://upload.cafenono.com/image/slashpagePost/20240730/161240_Gm5DwVCKirGJ76RLsR?q=80&s=1280x180&t=outside&f=webp)

프로젝트할 때 디자인시스템 만들면서 들었던 말과 거기서 얻었던 인사이트가 있었는데

동아리활동을 하면서도 디자인시스템을 작업을 했는데
이게 서로 소통을 못했다보니까, 팔레트 색상을 해놓고 좀 시간 지나서 시멘틱 컬러를 지정해놓으니까 개발자분들이 헷갈려하셨었다.
(팔레트 색상 다 등록해놨는데 디자인에서는 시멘틱으로 다른 이름으로 되어있으니 이 컬러는 뭐지? 하면서 찾아다니셨다고...)
그래서 다시금 이런 작업을 할 때에는 **공유하는 것이 제일 중요하다는 것**을 깨닫게되는 순간이었다

다시 디자인시스템 작업으로 돌아와서 폰트 스타일 설정 및 갭, 패딩, 마진에 쓰일 간격들도 베리어블에 등록해놓았다.

![Image](https://upload.cafenono.com/image/slashpagePost/20240730/172319_ep3pWruuhw15F0OVyp?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20240730/172335_WIL96fGdM1a4HFI2Bu?q=80&s=1280x180&t=outside&f=webp)

여기까지하면서 다른 디자인시스템을 많이 봤었는데, 조금씩 다 다른 이름, 방식으로 베리어블이 정리된 것을 확인할 수 있었다. 역시 디자인시스템은 단기간에 슈슉 만들기에는 그 서비스와 같이 일하는 사람들 간의 소통을 바탕으로 정리되어야한다는 것을 알게된 것 같다.

일단 여기까지 진행하고나서 UI디자인적으로 조금..부족하다는 생각이 갑자기 들어서 다음부터는 클론디자인을 주마다 진행하면서 병행해볼 생각이다!

For the site tree, see the [root Markdown](https://slashpage.com/hilda.md).