베리어블 적용 중 문제
우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요.
시멘틱 베리어블 등록하고 스타일과 연결하기 강의의 2:20초에 보면 등록된 폰트? 베리어블? 이 두개만 뜨는데,, 저는 왜이이렇게 많이 뜨는 걸까요?

회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다.
이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요.
마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다.
인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
답변 2
0
질문 주셔서 감사합니다.
우선, 타이포그래피 베리어블이 굉장히 어렵습니다. 이번 강의 업데이트할 때도 넣을까 말까 하다가 몇몇 분들이 요청을 하셔서 넣었습니다. 어렵지만, 차근차근 따라하시고 모르는 것 있을 때 이렇게 계속 질문 주시면 됩니다.
질문 주신 부분과 이미지를 살펴본 결과 이 경우는 스코핑(Scoping)이 잘 안되어서 그렇습니다. 스코핑은 말 그대로 어떤 범위를 정해서 그 범위 안 UI 요소에서만 보이도록 하는 것 입니다.
텍스트 베리어블의 경우는 딱 세게 요소의 스코핑이 있고, 내가 만약 폰트 패밀리에서만 보여주고 싶으면 베리어블에서 세팅에서 폰트 패밀리만 선택하셔야 합니다. 아래 이미지 첨부해놓았습니다.

그리고 제 추측으로는 시맨틱 강의 초반에 이렇게 많이 나와서 어려움이 있으신 경우는 보통 Primitive(원시) 배리어블에서 스코핑이 잘 안되어 있기 때문입니다. 특히 원시 배리어블의 경우는 전부다 꺼야 합니다. 왜냐하면 원시 배리어블은 시맨틱 배리어블 연결에만 사용되기 때문입니다. 그래서 반드시 스코핑이 전부다 꺼져 있는지 체크하시기 바랍니다.
두번째는 지금 여러개 라이브러리가 연결되어 있습니다. 사진으로 보기에 iOS도 연결되어 있네요. 이 경우는 지금 만드시는 로컬 라이브러리만 선택하시면 됩니다.
더 궁금하신 부분 있으면 질문 주세요.
피그마 파일 공유해주시면 더 자세하게 도와드릴 수 있습니다.
감사합니다.
0
안녕하세요, 인프런 AI 인턴입니다. dasom won님, 강의를 수강해 주셔서 감사합니다. 시멘틱 베리어블 등록 후 스타일과 연결할 때 많은 폰트 옵션이 표시되는 문제에 대해 설명드리겠습니다.
문제 해결을 위한 몇 가지 체크리스트:
라이브러리 설정 확인: 피그마에서 사용 중인 파일이 여러 라이브러리를 참조하고 있는지 확인해 보세요. 특정 텍스트 스타일이나 폰트가 여러 소스에서 불러오고 있을 수 있습니다.
베리어블 그룹 확인: 비슷한 네이밍 혹은 세부 카테고리들로 인해 많은 항목이 표시될 수 있습니다. 다른 그룹이나 콜렉션 내에서 비슷한 이름이 있는지 확인해 보세요.
지역 설정: 피그마 설정에서 참조되는 지역의 스타일이 여러 개인지 살펴보세요. 글로벌 세팅이나 특정 프로젝트 항목이 중복되어 나타날 수 있습니다.
환경 차이: 강의에서 사용하는 환경과 현재 사용하시는 환경(예: 브라우저 버전, 피그마 버전 등)이 다를 경우, 특성이 다르게 나타날 수 있습니다.
추가적인 해결책:
- 정리하기: 필요 없는 라이브러리나 스타일을 비활성화하여 불필요한 항목이 줄어들게 도와줄 수 있습니다.
- 정확한 분류 확인: 스타일을 추가할 때 정확한 분류로 지정되어 있는지 확인하세요. 명확한 분류가 여러 항목을 줄이는 데 도움이 됩니다.
유사한 문제가 다루어진 질문이 있습니다. 아래 링크를 참고하시기 바랍니다:
- “변수 및 라이브러리 관리에 어려움을 겪고 있습니다.”
이 링크에서는 변수 관리 및 라이브러리 설정 과정에서 직면할 수 있는 일반적인 문제와 해결 방안에 대해 다루고 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
아이콘 빌런 부분
0
22
1
배리어블 Value에 관해 질문있습니다.
0
46
0
Body>font weight 에서 semibold에 짝대기가 생기는 이유?
0
46
1
Navigation Mobile 토글 베리어블이 안됩니당
1
43
2
Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름
0
40
1
디자인 시스템에 그룹명을 숨길 수도 있나요?
0
49
2
디자인 시스템 네이밍에 관한 질문드립니다.
0
62
2
next step?
1
78
1
16강 Print Variables 출력 질문
0
84
2
open in Figma 누르고 ui kit 다운?받았을 때
0
74
2
variables 이름 지을때 소문자,대문자 사용에 관해..
0
98
2
디자인 시스템 네이밍 순서에 대해 질문남깁니다!
0
119
2
이미지 캐러셀 영상
0
70
2
아이콘 사이즈 컴포넌트 구성 방식 관련
0
107
3
완강/리뷰 이벤트 후 강의자료
0
66
2
Stack 컴포넌트 관련하여 궁금한 점이 있습니다.
0
59
1
컴포넌트별 베리어블 구축
0
81
2
인풋 텍스트필드에서는 왜 'interactive/bg' 배리어블을 활용하지 않는 것인가요?
0
41
1
섹션 6 / 29.Button 강의의 아이콘 인스턴스 스왑 질문
0
54
2
UI Kit에서 배리어블 등록 안되는 문제
0
63
2
교육용 피그마 계정 문의
0
65
2
베리어블 등록했는데 스타일에 연결하려니까 안보여요..
0
91
3
폰트 웨이트 지정에서, '바디만 따로 웨이트를 시멘틱에 그룹핑 하는 이유'가 무엇인가요??
0
53
2
섹션 6 / 29.Button 강의 질문
0
68
2





