강의

멘토링

커뮤니티

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

gusdyd20님의 프로필 이미지
gusdyd20

작성한 질문수

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

배리어블의 구조, 이름을 살펴보기

베리어블 이름에 대해 질문드립니다

작성

·

15

0

베리어블의 구조 이름을 살펴보기 강의를 수강중인데요.. 아직 취준생이라 각각의 용어에 대해 두루뭉실하게 넘어가서 이해가 잘 되지 않습니다.

질문)
1. p는 원시,기본값이라고 했는데 그러면 디폴트 값인가요? 아무것도 설정하지 않았을때의 기본값을 뜻할까요??

2.베리어블 이름 구조의 순서가 헷갈립니다.
Twillo 디자인 토큰에서 "Variant"에 Primary라고 되어있는데, primary는 Role아닌가요?

3. 지금 이름 짓는 구조를하나하나 의미를 꼼꼼하게 파악하고 가야할지 뒤의 수업을 들으면서 자연스레 익히게 되는지 궁금합니다.

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. gusdyd20님! 베리어블 이름과 그 구조에 대한 질문에 대해 도움을 드리고자 합니다.

질문에 대한 답변:

  1. Primitive 용어의 의미:

    • “p”라는 언급은 아마도 Primitive의 약어로 보입니다. Primitive는 디자인 시스템에서 가장 기초적인 요소에 해당하며, 모든 디자인 토큰의 초기 상태 또는 기본값을 나타냅니다. 반드시 디폴트 값을 의미하는 것은 아니고, 다른 베리어블이 이를 기반으로 정의됩니다.
  2. 베리어블 이름 구조와 역할:

    • 디자인 토큰에서 VariantRole은 서로 다른 개념일 수 있습니다. Primary는 주요 색상이나 스타일을 지칭하는 데 사용되지만, 프로젝트에 따라 Role(역할) 개념으로도 사용될 수 있습니다. 두 용어가 어떻게 사용되는지는 각 디자인 시스템의 설정에 따라 다르기 때문에, 프로젝트의 컨텍스트에 맞춰 이해하시는 것이 중요합니다.
  3. 이름 파악이 필요한 시점:

    • 이름 짓는 구조는 디자인 시스템의 근본을 이해하는 데 도움이 됩니다. 수업을 계속 들으며 자연스럽게 익히게 되겠지만, 초기 이해 단계에서 시간을 들여 구조와 용어를 명확히 이해하는 것이 디자인 시스템을 올바르게 활용하는 데 큰 도움이 됩니다. 따라서, 지금 단계에서 꼼꼼히 파악하시는 것을 추천드립니다.

추가적인 리소스 및 이해에 도움될 게시물:

  • 디자인 시스템에서의 베리어블 사용에 대한 다양한 질문과 답변은 여기에서 확인하실 수 있습니다.
  • Primitive, Variant 등 다양한 디자인 토큰이 실무에서 어떻게 활용되는지에 대한 추가적인 정보는 피그마 토큰 소개에도 포함되어 있습니다.

이 정보가 도움이 되시기를 바랍니다. 추가적으로 궁금한 점이 있으시면, 주저하지 말고 질문해 주세요. 곧 지식공유자님께서도 추가적인 답변을 제공해 주실 것입니다.

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

gusdyd20님의 프로필 이미지
gusdyd20

작성한 질문수

질문하기