인프런 커뮤니티 질문&답변

bbdba님의 프로필 이미지

작성한 질문수

피그마 배리어블을 활용한 디자인 시스템 구축하기

디자인 토큰과 배리어블의 탄생

디자인 토큰이 뭔지 잘몰겠어요

작성

·

93

0

www.inflearn.com/course/lecture?courseSlug=피그마-배리어블-디자인-시스템&unitId=189420&tab=community
디자인 토큰이 뭔지 감이 잘 안와요

뭔가 기본 구성 단위라고 한거 같은데 그래서 그 기본 구성 단위가 왜 필요한거고 언제 쓰이는건지 설명을 못찾겠습니다

그리고 뭐가 뭘 가르키고 막 그러셨는데 무슨 설명인지 모르겠습니다

답변 3

0

볼드 UX님의 프로필 이미지
볼드 UX
지식공유자

안녕하세요, bbdba님

강의 내용이 많이 어려우신 것 같네요. 사실 개념이 처음 접하시는 분들에게는 많이 어렵습니다. 저에게 온라인 챗을 요청해주시면 차근차근 잘 설명해드리겠습니다.

충분히 그러실 수 있으며, 이 부분을 넘기시면 다음 강의부터는 수월해지실 것입니다. 그래도 너무 어려우시면 제가 인프런 관계자분에게 요청드려서 환불을 진행해보도록 하겠습니다.

https://open.kakao.com/o/sG0GwNVg

 

0

bbdba님의 프로필 이미지
bbdba
질문자

선생님 너무 화가 나요 저 분노 조절 장애인것 같아요

왜 1강 개념 듣는데 이해가 바로 바로 안되죠?
환불도 안되요

막 뭐가 뭘 가르킨다 색상 코드가 이렇다 하는데 완전 고대 라틴어도 이거보다 쉽겠다 쉬울정도로 한국말도 아니고 외계어 같아요 왜 설명 어렵게 하세요

...모르셔서 그런듯요. 너무 잘가르치시는 선생님이신데..;

0

안녕하세요, 인프런 AI 인턴입니다. bbdba님. 디자인 토큰에 대한 질문을 주셨네요. 디자인 토큰은 디자인 시스템에서 중요한 개념입니다. 기본 구성 요소들을 일관되게 유지하고, 다양한 플랫폼과 환경에서 쉽게 사용하기 위해 정의된 것입니다.

디자인 토큰은 색상, 타이포그래피, 간격, 그림자 등 다양한 스타일 속성을 통일성 있게 적용하는 “디자인 기본 요소”라고 이해하시면 됩니다. 이를 사용하면 디자이너와 개발자가 동일한 지침 아래 작업할 수 있어, 여러 프로젝트나 다양한 기기에서도 일관된 UI를 유지할 수 있습니다.

관련된 자세한 설명과 사례는 아래 링크에서 확인하실 수 있습니다:

  1. 디자인시스템 시멘틱 컬러 관련
    • 디자인 시스템에서 디자인 토큰의 개념과 적용 방법에 대해 논의합니다. 특히 색상 같은 시맨틱 컬러의 사용 방식에 대한 고민을 다룹니다.

디자인 토큰이 “기본 구성 단위”로 언급되는 이유는, 모든 UI 요소들이 이러한 토큰들을 기반으로 정의되기 때문입니다. 따라서 변경이나 확장이 필요할 때 하나의 토큰만 조정하면 다양한 요소에 동일하게 반영될 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드립니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

bbdba님의 프로필 이미지

작성한 질문수

질문하기