인프런 커뮤니티 질문&답변

stella님의 프로필 이미지
stella

작성한 질문수

디자인 시스템 with 피그마

간격 (Spacing)

*2, *3, *4 하면 안될까요?

해결된 질문

작성

·

241

4

안녕하세요 범쌤! 강의 잘 보고있습니다. 감사합니다.

보던중에 궁금한 점이 있어서요.

Spacing값을 직전함수?에 더하는 방식으로 작업해주신 이유가 base값이 변했을 때 반영되게라고 해주셨는데요.

그냥 {Spacing.baseSpacing}*2, {Spacing.baseSpacing}*3, {Spacing.baseSpacing}*4, ...

이런식으로 해주는것과 나중에 차이가 있을까요?

처음에만 곱하고 나중엔 더하는게 헷갈려서요.

답변 2

2

범쌤 님의 프로필 이미지
범쌤
지식공유자

안녕하세요 stella 님 :)

기존 값에 base값을 곱해서 올라가셔도 됩니다 ^^

저는 등록된 토큰에 마우스를 올렸을 때 적용된 식이 나오는데 값이 커졌을 때
그 식을 보다 편하게 읽기 위함으로 기존 spacing 값에 + 를 사용한 것도 있고,
앞에 수를 더해서 식을 만들면 현재 토큰은 앞에 토큰의 영향을 받고 있다를 보여줄 수 있으므로,
저는 전의 값에 더하기를 사용했습니다.

(그리고 해외에 소개되는 많은 피그마 토큰 작업물들이 전에 값에 더하기를 사용하므로) 

하지만 토큰을 내보내거나 개발자가 사용할 경우에는 제 경험상 아직까진 전혀 문제가 없었습니다.

그러므로 곱해서 올라가는 값이 편하시다면 곱하는 식을 사용하셔도 될것 같습니다~

 

감사합니다:)

1

stella님의 프로필 이미지
stella
질문자

현재 토큰이 앞 토큰의 영향을 받는걸 보여줄 수 있군요! 감사합니다~ 배운데로 사용해볼게요!

stella님의 프로필 이미지
stella

작성한 질문수

질문하기