inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

디자인 시스템 with 피그마

aos에서의 line height 관련 질문드립니다

해결된 질문

692

heesu.lee

작성한 질문수 1

1

안녕하세요 선생님. 좋은 강의 감사합니다.

1.토큰 스튜디오를 통해 Line height 토큰을 만들었는데요! AOS의 경우 android:lineSpacingExtra 를 행간에 사용하고, 피그마와 동일 수치를 입력할 시 뷰에 적용된 모습에는 차이가 있는 상황입니다. 현재는 임의로 위아래에 패딩을 추가해 개발하고 있어요. 그래서 하나의 Line height 토큰을 aos에 적용할 시 피그마 시안과 달라 보이는 문제가 생기는데 이런 문제는 어떻게 해결할 수 있을까요?

2. 칩버튼 만들 때 boxradius를 세로값의 50%를 주면 된다는 답변을 보았는데, 세로값이 고정이 아니고 변수일 경우 토큰 플러그인의 계산식 등록을 어떻게 해야 할까요? {height} /2 는 적용이 안 되네요...

 

감사합니다.

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

답변 1

0

범쌤

안녕하세요 heesu.lee 님:)

1. 제가 웹개발자여서 안드로이드나 아이폰에 대한 정확한 답변은 드리기 어려울것 같습니다 ㅠㅠ
괜히 제가 어설프게 말씀드렸다가 혼란만 더 야기할 수 있기 때문에 이 부분은 안드로드 개발자에게 문의해 보시는게 좋을듯 합니다.

2. 이 부분의 처리는 토큰에서 하는게 아닌, 대상의 width또는 height의 값을 절반을 px로 준다는 공식을 실제 코드의 스크립트로 처리를 줘야 할 것 같습니다.

자바스크립트의 경우 코드는 다음과 같습니다.

image

 

감사합니다 :)

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