inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

컴포넌트 파일에 파운데이션 라이브러리가 연결이 안됩니다!

해결된 질문

251

안냐세요

작성한 질문수 2

0

말씀해주신대로, 파운데이션 파일에서 라이브러리 publish 한 후, 컴포넌트 파일에서 add to file을 했는데 베리어블과 local style에 파운데이션이 뜨지 않습니다!

제가 어떤 부분을 누락한 걸까요?

image.pngimage.png

 

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

답변 2

1

볼드 UX

안녕하세요,

 

파운데이션의 베리어블은 컴포넌트 워크시트의 로컬 베리어블에서는 나타나지 않습니다.

파운데이션의 로컬 베리어블과 컴포넌트 워크시트 로컬 베리어블은 말 그래도 각각의 로컬(Local)에서만 만들 수 있고 볼 수 있습니다.

 

컴포넌트 워크시트에서 파운데이션 베리어블을 선택하시기 위해서는...

  1. 오브젝트(텍스트, 프레임, 아이콘, 선)의 색상을 선택하시고

  2. 라이브러리에서 파운데이션을 선택하시면

  3. 파운데이션 로컬 색상 배리어블을 확인하실 수 있습니다.

03.png

나중에 컴포넌트 워크시트 내 로컬 베리어블에서는 반응형 디자인을 할 때 디바이스마다 달라지는 베리어블 값을 넣을 계획입니다.

 

감사합니다

.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 박소희님!

컴포넌트 파일에 파운데이션 라이브러리가 연결되지 않는 문제에 대해 도움을 드리겠습니다. 이러한 상황에서 확인할 주요 사항은 다음과 같습니다.

  1. 라이브러리 활성화 확인: 라이브러리가 올바르게 활성화되어 있는지 피그마의 Assets 패널에서 확인해 보세요. Manage libraries 메뉴로 들어가서 해당 라이브러리가 제대로 활성화되어 있는지 체크해 보시기 바랍니다.

  2. 동기화 상태 확인: 피그마는 인터넷을 기반으로 작동하므로, 네트워크 연결 상태가 안정적인지 확인해 주세요. 때로는 연결 문제로 인해 동기화가 되지 않아 라이브러리가 나타나지 않을 수 있습니다.

  3. 프로젝트 설정 확인: Add to file이 잘못된 위치에서 진행되었을 수 있습니다. 프로젝트 설정에서 올바른 파일에서 실행되었는지 확인하세요.

  4. 피그마 재시작 및 업데이트: 피그마 클라이언트를 재시작하거나, 필요시 업데이트를 통해 버그나 글리치가 해결될 수 있습니다.

유사한 주제에서 도움될 수 있는 링크를 추천해 드립니다:

첨부된 이미지와 같이 “Manage libraries”에서 라이브러리가 표시되더라도 정상적으로 기능하지 않는다면 기본적인 오류탐지 과정(위의 단계)을 통해 문제를 찾아내고 해결하실 수 있습니다.

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

'만능으로 쓰이는 기본카드' 강의 내용에 대해 질문드립니다.

0

39

2

figma.com/@boldux 계정이 없다고 나옵니다

0

56

2

반응형 웹 디자인

0

109

3

액션 아이콘 컴포넌트 질문

0

74

2

셀렉트(Select & Dropdown menu) - 파트 1 / selected 토글 버튼

0

84

3

스피너 아이콘 크기 질문

0

87

2

미리보기 빈칸생기는 현상

0

78

2

아이콘 빌런 부분

0

67

2

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

0

103

1

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

0

84

1

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

1

81

2

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

0

83

1

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

0

89

2

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

0

103

2

next step?

1

110

1

16강 Print Variables 출력 질문

0

114

2

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

0

128

2

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

0

143

2

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

0

162

2

이미지 캐러셀 영상

0

116

2

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

0

176

3

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

0

97

2

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

0

95

1

컴포넌트별 베리어블 구축

0

151

2