inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

디자인 시스템 with 피그마

타이포그래피 (Typography part02)

피그마 토큰 등록시 텍스트 사이즈

해결된 질문

649

조성혁

작성한 질문수 1

1

안녕하세요!

강의를 보면서 토큰 등록을 적용해보고 있습니다. 궁금한것이 생겨 질문드려요.

font size 등록할 때, {base} * {sizing} 처럼 가변으로 등록하지 않고 14px, 16px, 20px.. 처럼 각각 등록을 해도 괜찮은것인지 궁금합니다.

설명주신 부분은 추후 텍스트 사이즈 변경시 효율적으로 처리하기 위해 base 값과 sizing 의 값을 지정하고, 계산식을 통해 사용하도록 설명주신것으로 이해 하였는데요.

만약 텍스트 변동이 잘 일어나지 않는다고 가정한다면, px 고정값으로 각각 등록해도 무리가 없을것일까요?
감사합니다!

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

답변 1

2

범쌤

안녕하세요 조성혁님 :)

 

폰트의 크기가 고정된다면 일정한 값으로 증가하는 폰트의 사이즈를 사용하셔도 됩니다.

 

다만, 4px씩 증가하는 폰트사이즈를 사용하다 '이부분만 예외로 다른 크기를 써야겠다' 라는 규칙들이 생기게 된다면 시스템의 흐름이 깨질 수 있으니 주의하여 주시면 좋을 것 같습니다.

 

감사합니다 :)

1

조성혁

빠르게 답변주셔서 감사합니다! (감동,,) 이해 되었습니다!

1

주영

혹시 이럴경우 sizing에 scale 값을 등록해 놓지 않고

font size를 등록할때 +2또는 +4로 입력을 해주면 되는 걸까요?

 

아니면 다른 방법이 있을까요?

0

범쌤

fontScale을 임의로 지정하고자 한다면 static한 값을 직접 입력해 주셔서 설계하시면 됩니다 ^-^

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