FREE DESIGN BOX

누구나 디자인을 쉽고 빠르게 할 수 있도록, 다양한 자료를 제공하는 공간입니다 :D

FIGMA 피그마

디자인토큰 네이밍 Naming Tokens in Design Systems 번역 설명

문가든 2024. 9. 9. 09:16
728x90
반응형

 

디자인 토큰의 중요성에 대해서 많은 디자이너들이 알고는 있지만,

정작 이게 뭔지 어떻게 디자인토큰 네이밍을 할지 잘 모르는 분들이 많습니다.

 

저 역시 이 부분을 디자인시스템에 적용하기 위해서 어떤 가이드를 따라해야하나 고민을 많이했는데

이미 글로벌 프로덕트 디자이너, 시스템 디자이너들은 Nathan Curtis가 2020년에 포스팅한 Naming Tokens in Design Systems의 가이드를 기반으로 네이밍을 하고 있더라구요!

 

 

Naming Tokens in Design Systems

Terms, Types, and Taxonomy to Describe Visual Style

medium.com

 

그런데 보면 아시겠지만, 영문 기반이라 해석하기가 쉽진 않아요.

전체적으로 디자인 요소들을 어떻게 부르는지 알아야 하기 때문에 원문만 보고는 알기가 어렵습니다.

그래서 제가 이 글로벌 가이드를 번역했고, 처음 디자인토큰을 접하는 분들도 쉽게 알 수 있도록 영상으로 정리했습니다 :)

 

 

 

아래의 내용을 모두 번역한 내용을 영상으로 들을 수 있습니다!

 

 


 

함께 꼭 봐야하는 피그마 디자인시스템 (실습파일 무료 제공)

 

 

피그마 강의 스타일 라이브러리 컴포넌트 배리언츠 디자인시스템 연결 + 무료 실습 파일

이번 영상에는 일관성, 효율성을 위해 꼭 알아야 할 피그마의 기능!다른 디자인 툴에는 없는 스타일과 라이브러리에 대한 파일을 준비했어요! 직접 컬러 스타일, 텍스트 스타일, 효과, 선, 그리

gardendesign.tistory.com

 

728x90
반응형