인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

고예진님의 프로필 이미지

작성한 질문수

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

[이론📖] 다양한 효과 그리고 높낮이를 나타내는 그림자효과

디자인 시스템 세팅 임포트

작성

·

125

0

안녕하세요, 디자인 시스템 세팅하는데 있어 텍스트 세팅 부분 부터 수업을 잘 따라가지 못하겠습니다. 다음 스텝으로 넘어가려면 이미 베리어블들 세팅이 되어 있어야하는 것 같은데, 이미 만들어진 버전 임포트 하는 방법 없나요? 일단 진도는 나가고 완강 후 다시 돌아가야할 것 같습니다.

답변 5

0

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

고예진님, 안녕하세요.

 

제가 좀 리서치해서 찾아본 결과, 퍼블리싱이 안되는 이유는 아마도 폰트 안에 속성 값이 문제가 있는 것 같습니다. 현재 퍼블리싱하려는 두 파일을 꼭 체크해보세요.

 

스타일 안에 heading/desktop/sm과 body/lg/semibold를 체크해보시기 바랍니다.

만약 각 스타일 안에 폰트를 못찾거나 무엇인가 문제가 있어서 퍼블리싱을 못하고 있는 것 같습니다.

 

또한, 만약 계속해서 문제가 생기면 따로 저에게 boldplus.ux@gmail.com으로 파일 공유해주시면 제가 한번 체크해보도록 하겠습니다.

추가적으로, 현재 제가 공유드린 스타일 가이드는 확인 결과 아무 문제가 없습니다.

 

궁금하신 부분 있으시면 언제든지 질문 주세요!

0

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

안녕하세요, 고예진님

스터디 신청해주셨는데, 제가 디스코드에서 아이디를 찾을 수 없어서 혹시 저에게 따로 디엠 보내주실 수 있으실까요?

0

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

안녕하세요. 퍼블리시 버튼을 오류가 나는 경우는 여러 상황이 있습니다.

혹시 파일이 드래프트 안에 없는지?

새로 한번 retry를 해보셔도 됩니다.

 

저의 경우 다운 받아서 해본 결과 퍼브리싱이 잘됩니다. 혹시나 안되시면 강의에서는 기존 스타일 가이드에 페이지를 만들어서 컴포넌트를 추가하셔도 됩니다.

 

컴포넌트 관련된 파일은 현재 공유해드리지 않으며, 추후 어려움이 있으시면 글이 아닌 온라인 구글 챗으로 제가 화면을 보면서 도와드리겠습니다

혹시 계속 안되시면 boldplus.ux@gmail.com으로 연락주시면 스케쥴을 잡도록 하겠습니다. 강의 어려운 부분이 있다고 하셔서 그 부분도 제가 자세히 안내해드리면 좋을 것 같습니다.

 

볼드 드림.

0

고예진님의 프로필 이미지
고예진
질문자

스크린샷 2024-12-12 오전 11.15.23.png

안녕하세요, 답변 감사합니다.1. publish버튼 눌렀더니 아래 빨간 부분처럼 되는데 ㅠㅠ 이건 어떻게 하나요..

  1. 또한 강의와 같이 컴포넌트에 관련된 체크박스가 없습니다.

    스크린샷 2024-12-12 오전 11.20.24.png

     

0

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

안녕하세요, 예진님.

 

섹션 1에서 강의 제목 중 피그마 파일 공유를 찾으시면, 섹션 2에서 만든 스타일 파운데이션을 확인하실 수 있습니다. 이를 클릭하시면 피그마 커뮤니티 파일로 이동합니다.

 

거기서 “Open in Figma” 버튼을 누르신 후 원하시는 폴더로 옮기시면 바로 사용 가능하며, 이후 섹션 3로 진행하시면 됩니다.

 

인프런 강의 화면

Screenshot 2024-12-11 at 01.49.57.png.webp

 

피그마 커뮤니티 화면

Screenshot 2024-12-11 at 01.53.46.png

 

또한, 섹션 2를 진행하시다가 막히는 부분이 있다고 하셨는데, 필요하시면 온라인 라이브 세션을 통해 차근차근 설명드리겠습니다. 언제든지 편하게 알려주세요!

감사합니다.

볼드 드림.