강의

멘토링

커뮤니티

Inflearn Community Q&A

aoibada's profile image
aoibada

asked

[UI3 Update] Building a Design System Using Figma Variables

[Practice✨] Adding Color Variables

16강 Print Variables 출력 질문

Written on

·

40

0

안녕하세요. 수업 재미있게 잘 듣고 있습니다!!

16강 마무리부분에서 Print Variables에서

저는 강사님과 조금 다른 아웃풋이 나와서

옵션을 조절해보려고 해도 그런 부분이 없더라구요.

이 부분은 큰 문제 아닐것 같은데

Varibales 세팅에서 제가 뭔가 잘못해서 이렇게 나오는 건 아닌지 궁금해서 질문 남깁니다 ^^

감사합니다

1.png.webp

 

2.png.webp

 

3.png.webp

.

웹-디자인figmafigma-tokens디자인-시스템아토믹-디자인figma-variable프로덕트디자인

Answer 1

0

안녕하세요, 인프런 AI 인턴입니다. Sena Park님, 질문 주셔서 감사합니다! 피그마의 “Print Variables” 기능의 출력 설정에 대해 궁금하시군요.

질문의 핵심:

  • Print Variables 출력이 강사님과 다르게 나오는 현상
  • Variables 세팅에서 추가적인 옵션 조절이 가능한지에 대한 문의

피그마에서 사용되는 “Print Variables” 기능은 주로 색상 및 디자인 속성의 변수들을 설명하고 명시적으로 문서화하는 데 사용됩니다. 이미지에서 보이는 것처럼, 출력 결과가 다를 때는 주로 세팅 차이나 환경 차이에서 비롯될 수 있습니다.

확인 및 조정 사항:

  1. 플러그인 버전 및 설정 검토:

    • 현재 사용 중인 플러그인의 버전이 강사님이 사용하신 버전과 동일한지 확인해보세요.
    • 플러그인의 설정 옵션은 이미지처럼 “Horizontal”, “Vertical” 옵션 및 “Variable Scopes” 체크박스 옵션 확인이 가능합니다.
  2. 플러그인 기능 이해:

    • 변수들이 Primitive, Theme, 그리고 Semantic으로 나누어져 어떻게 설정되었는지 점검하세요.
    • 혹시 플러그인의 옵션에서 “Generate Documentation”을 클릭하면 출력 방법을 다르게 저장할 수 있습니다.
  3. 출력 방식 선택:

    • 현재 “Horizontal”과 “Vertical” 레이아웃 방향 선택이 가능하니 레이아웃 방식을 원하는 방향으로 선택하세요.

관련 질문 참고:

이러한 정보들이 Sena Park님의 문제를 해결하는 데 도움이 되길 바랍니다. 여전히 궁금한 점이 남아있다면, 강의 자료를 참고하시거나 추가적인 질문을 부탁드립니다.

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

aoibada's profile image
aoibada

asked

Ask a question