Design Token Studio로 UI 디자인 레벨 업 하기

[llqqssttyy]

이번 프로젝트 세팅에 앞서 디자인 시스템에 대해서 공부하고자 관련 아티클을 번역해 보았습니다.
아래 기술된 순서대로 읽는 것을 추천드려요!

• Design Token Studio로 UI 디자인 레벨 업 하기: 디자인 토큰이란 무엇인지, 디자인 토큰을 사용했을 때 이점을 설명합니다.
• 디자인 토큰 구현하기: 타이포그래피: 여러 플랫폼을 지원하는 규모 있는 제품의 디자인 시스템을 구축해나가는 과정을 설명합니다. 가볍게 읽어 보시면 좋을 것 같아요!

원래는 '이번 프로젝트는 협업자가 많으니 처음부터 디자인 시스템을 도입해야지!'라고 생각했는데, 두 아티클을 읽으면서 '아직 필요성을 잘 모르는 상황에서 이런 내용을 학습하는 데 시간을 들이는 것 보다 구성원과 의논해서 일관된 컨벤션을 맞추는 게 먼저겠구나'라는 생각을 했어요.

여러분들은 디자인 시스템에 대해서 어떤 생각을 가지고 계시나요?

[lurgi]

글감이 기가막히네요~

시각적 혼란의 잠재적 위험이 있었지만, 우리는 구현 계획을 일주일 앞당길 수 있었습니다. 이 대목이 눈에 끌리네용. 무조건적으로 한 방법론에 매몰되지 않도록 주의해야겠습니다.

두 아티클 모두 디자인 시스템의 실용적인 활용에 대한 방법을 잘 나타내고 있다고 생각해요! 저도 이 부분에 대해서 공부를 했었기 때문에 참고할만한 자료를 공유하는 것으로 피드백 마치도록 하겠습니다 👍

컬러 시스템 빌드 관련 서비스입니다!
UI 컬러 팔레트 조합 레퍼런스
컬러 피킹 툴 (Foundation 만들 때 용이)