inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

라벨과 컨트롤 그룹(Label & Control Group) ✅

베릴어블, 아이콘에 궁금한점이있습니다 ㅎㅎ

해결된 질문

628

김성진

작성한 질문수 5

0

안녕하세요 선생님 강의 듣던 중
궁금한점이 있어 질문 3가지 작성했습니다.

 

  1. 다음과 같이 참조된 값에 ?표가 생기는 상황이 발생합니다. 제가 잘못 적용한거 같은데 ㅠ
    혹시 어떤 경우의 수 때 발생할 수 있는 현상인지 궁금합니다~


2. 아이콘 컬러적용 세션에서
union한뒤 vector로 이름을 변경했는데 아이콘을 불러오면
stroke가 0 인상태로 불러와집니다.

또 가끔가다가 색도 반영이 안될때가 있는데
reset all chagne?이런걸 해줘야하는지 궁금합니다.

<아이콘 원본컴포넌트>



<버튼에서 airplay아이콘 스왑햇을때>

 

  1. 스위치 에러가 쓰이는 실제예시가 궁금합니다
    어떤 때 쓰일 수 있을까요?

 

질문이 좀 많은데 강의 재밌게 잘 듣고잇습니다
감사합니다!

 

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

답변 1

0

볼드 UX

안녕하세요 질문 주셔서 감사합니다.

  1. 물음표가 뜬 경우에는 보통 그 참조한 베리어블이 삭제되었거나 폴더 이름이나 구조가 바뀐 경우가 많습니다. 한번 다시 클릭해서 참조해보시고 만약 그래도 문제가 있으면 제 이메일이나 여기에 피그마 링크를 보내주시면 한번 체크해보도록 하겠습니다.

이메일 주소: boldplus.ux@gmail.com

 

  1. 보통 Union 하면 각각의 요소(Vectors)들이전체 Union(지금은 Vector로 바꾸심) 밑으로 가게 됩니다.

     

    1. 전체 Union(지금 Vector)는 오직 Fill(자연스럽게 Stroke는 없어지겠죠)

    2. 전체 Union을 열어보면 각각 요소(Vectors)들은 여전히 Stroke를 갖고 있습니다.image

스왑했을 때 가끔 문제가 있긴 합니다. 그 경우는 말씀해주신대로 해도 되구요. 아니면 이것도 저한테 파일 보내주시면 한번 살펴보도록 하겠습니다.

 

  1. 스위치 에러는 실제로는 쓰이지 않습니다.

  • 본 강의에서 다루는 베리어블 등록을 위해서 모든 인풋 관련 컴포넌트에 에러 상태로 만드는 과정에서 넣었고 실제로는 쓰이지 않고 쓰시는 걸 추천 드리지 않습니다.

  • 보통 스위치는 에러 또는 사용자가 하면 안되는 경우 다시 튕기면서 돌아가는 인터랙션을 주고 밑에 라벨/토스트로 메세지를 주는 경우가 많습니다.

  • 만약 명확하게 하고 싶어서 현재 만든 상태를 넣을 수 있겠지만 추가 개발 비용이 들 것 같습니다.

 

질문 해주신 부분에 대한 저의 답변이 도움이 되셨으면 좋겠습니다.

위에 언급했듯이 해보시고 안되시면 저에게 파일 공유 해주시면 한번 살펴보도록 하겠습니다.

 

항상 좋은 질문 주셔서 감사합니다!

1

김성진

감사합니다 ㅎㅎ 잘듣고있습니다!!

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

0

35

0

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

0

39

1

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

1

33

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

77

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