inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

open in Figma 누르고 ui kit 다운?받았을 때

65

한별

작성한 질문수 4

0

25강에서

피그마 커뮤니티에서 open in Figma 누르고

다운받고 Drafts 가면 썸네일로 표시되는게

안에 color 페이지 이미지와 Icons 페이지 이미지 들로 나오는데

강의에서 나오는 썸네일 이미지로는 안뜨는데 왜 그런걸까요?

 

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

답변 2

0

볼드 UX

안녕하세요, 한별님.

 

인프런 인턴이 잘 설명해줘서 답변을 안드렸는데, 혹시 아직도 문제가 있으시다면.. 관련 파일 썸네일을 캡쳐해서 여기 댓글 남겨주시면, 제가 도움 드리도록 하겠습니다.

불편을 끼쳐드려서 죄송합니다.

감사합니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 한별님.

피그마에서 커뮤니티 파일을 열고 Drafts에 저장했을 때, 썸네일 이미지가 강의와 다르게 표시되는 문제에 대해 설명드리겠습니다.

썸네일 이미지 변경 이유

피그마의 기본 프로젝트 썸네일은 프로젝트 파일의 첫 번째 페이지나 특정 이미지를 사용할 수 있습니다. 만약 강의에서 제공한 파일과 동일한 썸네일을 보지 못했다면, 이는 파일의 버전 차이나 썸네일 설정의 차이로 인한 것일 수 있습니다.

해결 방법

  1. 썸네일 변경 방법:

    • 피그마 파일에서 현재 페이지나 특정 프레임을 선택하고, 파일 옵션 메뉴에서 “Set as Thumbnail”을 선택하여 원하는 썸네일 이미지로 설정할 수 있습니다.
    • 정확한 색상 및 아이콘 페이지로 설정하시려면 페이지의 위치와 해당 이미지를 맞춰 설정해야 합니다.
  2. 커뮤니티 파일과 강의 파일 확인:

    • 강의 중 설명된 파일과 커뮤니티에서 다운로드한 파일의 구조가 동일한지 확인해 주세요. 파일 업데이트로 인해 강의 내용과 차이가 있을 수 있습니다.

참고 자료

강의에 관련된 더 많은 이슈나 다른 해결 방안들은 아래 유사한 질문들을 참고하시기 바랍니다:

이 정보들이 해결에 도움이 되길 바라며, 추가적인 문제가 발생하거나 도움이 필요하시면 언제든지 질문해 주세요.

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

배리어블 Value에 관해 질문있습니다.

0

33

0

Body>font weight 에서 semibold에 짝대기가 생기는 이유?

0

35

1

Navigation Mobile 토글 베리어블이 안됩니당

1

31

2

Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름

0

31

1

디자인 시스템에 그룹명을 숨길 수도 있나요?

0

45

2

디자인 시스템 네이밍에 관한 질문드립니다.

0

53

2

next step?

1

71

1

16강 Print Variables 출력 질문

0

82

2

variables 이름 지을때 소문자,대문자 사용에 관해..

0

92

2

디자인 시스템 네이밍 순서에 대해 질문남깁니다!

0

113

2

이미지 캐러셀 영상

0

66

2

아이콘 사이즈 컴포넌트 구성 방식 관련

0

100

3

완강/리뷰 이벤트 후 강의자료

0

60

2

Stack 컴포넌트 관련하여 궁금한 점이 있습니다.

0

55

1

컴포넌트별 베리어블 구축

0

77

2

인풋 텍스트필드에서는 왜 'interactive/bg' 배리어블을 활용하지 않는 것인가요?

0

38

1

섹션 6 / 29.Button 강의의 아이콘 인스턴스 스왑 질문

0

52

2

UI Kit에서 배리어블 등록 안되는 문제

0

59

2

교육용 피그마 계정 문의

0

60

2

베리어블 등록했는데 스타일에 연결하려니까 안보여요..

0

83

3

폰트 웨이트 지정에서, '바디만 따로 웨이트를 시멘틱에 그룹핑 하는 이유'가 무엇인가요??

0

51

2

섹션 6 / 29.Button 강의 질문

0

64

2

67강, 70강, 75강 자료 다운로드

0

52

1

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

0

120

2