inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

[이론📖] 타이포그래피 배리어블 
구조, 구성 짜보기

Local Variable 등록

해결된 질문

269

박영호

작성한 질문수 2

0

안녕하세요 강사님

local variables에 여러개의 생삭을 한번에 등록 하는 방법으로

색상표를 만들고 낱개별로 하나씩 이름을 지정해준 다음 Stlyer플러그인으로 스타일 등록 후 Styles to Variables로 등록해주는 순서로 해보았는데

혹시 한번에 더 많은 색상을 최종적으로 local variables 에 등록 할수있는 방법이 있을까요?

웹-디자인 figma figma-tokens 디자인-시스템 아토믹-디자인 figma-variable

답변 1

1

볼드 UX

영호님, 안녕하세요.

 

제가 아래와 같이 질문을 이해한 게 맞는지요?

“플러그인을 사용하여 다수의 색상을 로컬 변수로 업로드한 후, 다시 한 번 더 다른 다수의 색상을 올리고 싶다.”

 

결론부터 말씀드리면, 아직까지 저도 그런 방법을 찾지는 못했습니다.

사실 원칙은 색상을 하나하나씩 다 넣어야 합니다. 하지만 이 플러그인의 역할이자 장점은 기존의 스타일을 변수로 한 번에 옮길 수 있는 것입니다.

 

따라서 개별적으로 넣거나 새로 넣는 것을 추천드립니다.

만약에 새로운 플러그인이나 방법을 찾게 되면 여기에 알려드리도록 하겠습니다.

 

감사합니다.

1

볼드 UX

한가지 방법이 있긴한데, 유료버전입니다.

토큰 스튜디오라는 플러그인이 있는데, 이를 사용하여 임시로 스타일을 토큰 스튜디오 저장해두었다가 토큰 스튜디오 있는 컬러는 로컬 베리어블로 Sync 하는 방법이 있긴 합니다. 하지만 비용을 지불해야하기 때문에 만약 이것을 사용하지 않으신다면 추천드리지 않습니다. 감사합니다.

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

0

35

0

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

0

39

1

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

1

34

2

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

0

32

1

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

0

45

2

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

0

54

2

next step?

1

71

1

16강 Print Variables 출력 질문

0

82

2

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

0

66

2

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

0

93

2

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

0

115

2

이미지 캐러셀 영상

0

66

2

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

0

100

3

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

0

61

2

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

0

55

1

컴포넌트별 베리어블 구축

0

78

2

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

0

38

1

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

0

52

2

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

0

60

2

교육용 피그마 계정 문의

0

62

2

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

0

86

3

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

0

51

2

섹션 6 / 29.Button 강의 질문

0

64

2

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

0

52

1