inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

디자인 시스템 with 피그마

타이포그래피 (Typography part02)

타이포그라피 관련 질문

해결된 질문

440

오리너구리

작성한 질문수 2

1

안녕하세요 선생님
타이포 그라피 단락 부분 듣다가요!
궁금증이 생겼습니다.
스크린샷 2023-10-30 오후 8.50.10.png네임부분은 첫글자를 소문자로 사용하시고
폰트 웨이트 부분은 대문자로 시작하셨는데요
입력할때 대소문자 규칙 같은것이 있는 걸까요? (상관없나요 보통?)

나중에 실무에서는 저런 네이밍 규칙은 보통 어떻게 진행되는지 궁금하여 질문 드립니다.! :)

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

답변 1

2

범쌤

안녕하세요 김주희님 😀

 

네임 부분은 사용자가 직접 정하는 값이기 때문에 소문자로 사용하든 대문자로 사용하든 상관없습니다.

다만 팀 내에서 이렇게 하자 라는 규칙이 정해진다면 통일성을 위해 모든 네이밍은 그 방향을 따라 가시는걸 추천드립니다.

 

하지만 font-weight부분에서는 앞글자를 대문자로 작성해주셔야 합니다.
이유는 토큰 스튜디오에 등록된 값들은 실제 피그마의 네이티브의 값에서 해당 문자를 가져와 sync 하는 방식을 사용하는데, 피그마에서의 폰트 두께를 설정하는 값들은 전부 다 앞글자를 대문자로 시작합니다.

이를 토큰 스튜디오가 제대로 폰트의 두께를 찾기 위해서 동일한 네이밍을 가져갑니다.

image

image

 

 

감사합니다 :)

 

1

오리너구리

친절하게 알려주셔서 감사합니당:) 좋은 하루되세요!

borderTransparent를 라이트/다크모드에 이중등록

0

30

2

해결되었습니다.

0

24

1

안녕하세요! 강의잘 들었습니다.

0

77

2

타이포그래피 16 -> 14 변경 시 XXXL만 변경 안 됨

0

49

2

토큰스튜디오에서 폰트 스타일등록 문의

0

65

2

토큰에서 style로 export시 에러

0

71

2

컬러시스템 등록 관련

0

72

2

토큰 light/dark mode 오류

0

67

2

Pretendard 없으면 에러납니다

0

232

2

폰트 토큰 작업 할때

1

99

3

여기 수업에서 엘로우나 레드나 블루 이런 컬러들을 다양하게 만드는 이유가 뭔가요?

0

57

2

토큰을 깃허브에 올리는 방법이 없어진거 같은데요

1

82

2

토큰 export 할때 어떻게 해야 하나요? 버전이 바뀌어서 그런지 못찾겠어요

0

212

2

인프런 할때마다 짜증나는데 수업내용이 너무 오래된건 제발 삭제좀 하던지 다시 찍던지 해주세요

1

79

1

tailwind color generator 이게 작동이 잘 안되네요

0

75

2

figma tokens플러그인 안나오는데요??

0

125

2

혹시 토큰 가공할 수 있는 강의도 따로 있을까요??

1

55

2

피그마 배리어블에 export시 값 저장 안됨

0

207

3

Style - variable 문으ㅣ ㅜㅜ

0

69

2

borderTransparent 임포트가 안됩니다

1

69

2

화면이 보이지가 않아요?

0

67

1

컬러맵핑하고 라이트/다크 모드 설정시 색상 반전이 안돼요 ㅠㅠ

1

271

2

피그마 토큰 플러그인

1

292

2

깃허브 sync 오류

1

193

2