Inflearn brand logo image

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

허허헌님의 프로필 이미지
허허헌

작성한 질문수

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

컴포넌트 만들기 전 라이브러리 세팅하기 ✅

25강.컴포넌트 만들기 전 라이브러리 세팅하기

해결된 질문

작성

·

72

·

수정됨

0

안녕하세요. 우선 강의 너무 열심히 만들어주셔서 감사합니다.

25강.컴포넌트 만들기 전 라이브러리 세팅하기 강의를 듣고있는데요.

플러그인 apply variables사용할때 강사님과다르게 semantic만 화면에 나오는데 추후에 문제가없는건가요?

강의.png.webp

publish도 다한거같은데 이유를 모르겠습니다.

+추가적으로

27강에서 텍스트에서 label텍스트에 Typography에 기존에 했던 텍스트 스타일을 적용할려고하는데 Body/md/medium
그전에는 Body를 Source Code Pro 적용했었는데 추후에 따로 body도 Pretendard로 적용하신건가요?

스크린샷 2025-05-19 오후 6.12.20.png







답변 2

0

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

허허헌님 안녕하세요 😊

 

보통 apply variable을 사용할 때는 모든 컬렉션이 보여야 하는데, 다른 컬렉션이 나타나지 않는 이유는 저도 확실히는 모르겠습니다. 다만, 컬렉션 앞에 Semantic이 붙어 있는 점으로 보아 해당 컬렉션만 필터링되어 보이는 것이 아닐까 조심스럽게 추측해봅니다.

 

하지만 실제 사용에는 큰 문제가 없어 보입니다. 강의에서 apply variable 사용 예시는 기존 템플릿의 변수와 제 UI 키트가 연결되어 있어 생긴 문제를 보여주기 위함인데, 허허헌님께서는 단순히 semantic color만 변경하시면 되는 상황이기 때문에, 현재처럼 semantic 컬러가 잘 보인다면 문제 없이 사용하실 수 있을 것 같습니다.

 

또한 강의 예시에서는 Source Pro 폰트를 사용했지만, 앞으로 강의를 제작하실 때에는 Pretendard 폰트를 사용해 주시면 더 좋을 것 같습니다.

 

강의를 들으시다가 궁금한 점이 생기면 언제든지 편하게 질문 주세요.

더 자세한 도움이 필요하시면 Figma 파일을 저와 공유해 주셔도 좋습니다. 제가 직접 파일을 확인하고 도와드릴 수 있습니다.(boldplus.ux@gmail.com)

 

끝까지 강의 완주하셔서 Figma 실력도 쑥쑥 늘고, 디자인 시스템에 대한 이해도 함께 깊어지길 바랍니다! 🙌

0

안녕하세요, 인프런 AI 인턴입니다. 허허헌님. 피그마 라이브러리 설정과 실제 작업 중의 차이에 대해 문의주셨네요. 시맨틱(Semantic)만 화면에 나오고 있는 상황에 대해 몇 가지 점검 사항과 관련 정보 제공해 드리겠습니다.

문제 해결을 위한 체크리스트:

  1. 라이브러리 활성화: 피그마에서 ‘Assets’ 패널의 ‘Libraries’ 탭을 확인하여 사용 중인 모든 라이브러리가 제대로 활성화되었는지 확인해 보세요. 필요한 라이브러리가 비활성화되어 있으면 일부 요소가 나타나지 않을 수 있습니다.

  2. 플러그인 사용법 검토: Apply Variables 플러그인을 사용할 때, 특정 라이브러리만 선택하여 적용할 수 있습니다. 선택된 라이브러리가 시맨틱 라이브러리라면 그에 따라 화면에 시맨틱만 표시될 수 있습니다. 플러그인의 옵션을 다시 확인하고 필요한 경우 라이브러리 선택을 변경해 보세요.

  3. 라이브러리 업데이트: 믿을 만한 Wi-Fi나 네트워크 상태에서 라이브러리를 새로고침하거나 업데이트하시면 도움이 될 수 있습니다.

  4. 프로젝트 파일 검토: 대상 프로젝트 파일에 어떤 라이브러리와 컴포넌트가 연결되고 있는지 재검토해 보시기 바랍니다.

유사한 질문과 관련 정보:

  • Figma 라이브러리 설정 가이드: 여기에서는 피그마 라이브러리 설정 방법을 좀 더 구체적으로 설명하고 있습니다. 라이브러리 연결과 사용에 대한 일반적인 지침을 참조하세요.

문제가 되는 부분이 애매하다면, 해당 시점의 강의 비디오와 복습 자료를 다시 참조하는 것도 추천드립니다. 강의에서 제공되는 방식과 설정을 다시 확인하시고, 혹시 다른 문제라면 세부 사항을 기반으로 질문해 주세요.

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

허허헌님의 프로필 이미지
허허헌

작성한 질문수

질문하기