inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

컴포넌트 명칭에 대한 질문

해결된 질문

529

Sujin

작성한 질문수 1

0

 

 

Intro

Component Checklist

unSelected, selected, partial
unSelected, selected

컴포넌트 명칭에 대해 질문입니다.(워크시트)
대문자가 되었다가 소문자가 되었다가 하는데 이부분은 어떤 기준으로 설정하시는지 알려주실수 있을가요?
항상 피그마 명칭을 작성할때 고민되는 부분입니다.

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

답변 1

3

볼드 UX

안녕하세요.

우선 질문 주셔서 감사드립니다.

저도 강의를 만들면서 제가 기존에 써왔던대로 만드는과정에서 저런 명칭이 만들어졌습니다.

저는 주로 소문자로 만들고 unselected selected가 구분이 되지 않아 중간에 S를 대문자로 만들었습니다.

 

하지만

 

열개 정도 되는 유명 디자인 시스템을 찾아보니 대부분의 회사들이 앞에만 대문자를 쓰는 것을 찾았습니다.

강의 들으실 때 실습하시면서 만드실 경우 대문자로 만드시는 걸 추천 드립니다.

  • Unselected

  • Selected

  • Partial or Indeterminate

     

image

강의를 나중에 개선할 때 이점 고려해서 업데이트 하도록 하겠습니다.

그리고 슬랙 커뮤니티에 레이어 네이밍 관련해서도 다른분이 질문 주셔서 그 부분도 강의에 업데이트 하도록 하겠습니다.

정말 감사합니다.

 

 

1

Sujin

자세하게 알려주셔서 감사합니다.

참고하도록 하겠습니다. 워크시트도 너무 도움이 되었습니다. 감사합니다.

 

아이콘 빌런 부분

0

22

1

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

0

46

0

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

0

46

1

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

1

43

2

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

0

40

1

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

0

49

2

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

0

62

2

next step?

1

78

1

16강 Print Variables 출력 질문

0

84

2

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

0

74

2

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

0

98

2

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

0

119

2

이미지 캐러셀 영상

0

70

2

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

0

107

3

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

0

66

2

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

0

59

1

컴포넌트별 베리어블 구축

0

82

2

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

0

41

1

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

0

54

2

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

0

63

2

교육용 피그마 계정 문의

0

65

2

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

0

91

3

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

0

53

2

섹션 6 / 29.Button 강의 질문

0

68

2