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

klj00700님의 프로필 이미지

작성한 질문수

피그마 배리어블을 활용한 디자인 시스템 구축하기

[실습] 타이포 그래피 스타일 플러그인으로 만들어보기

local variables vs local styles

해결된 질문

24.05.13 15:03 작성

·

217

0

안녕하세요. 디자인 토큰을 만들기 시작한 프로덕트 신입 디자이너입니다!

 

색상은 local variables에서 만들었는데 타이포는 local styles에서 만드는 이유가 있을까요?

아니면 그것또한 토큰을 만드는 방법인가요?

토큰과 관련해서 너무 초보라.. 이해부탁드립니다!

 

감사합니다.

 

답변 1

0

볼드 UX님의 프로필 이미지
볼드 UX
지식공유자

2024. 05. 13. 15:43

안녕하세요!

 

저의 주 강의 대상이 토큰, 베리어블에 대한 지식이 전무한 분들이기 때문에 언제든지 질문 주셔도 됩니다!

강의가 만들어진게 작년 11월인데, 그때는 색상만 베리어블이 적용되었습니다. 4월에 이제 타이포 베리어블이 적용 가능한 업데이트가 되었는데, 이 부분에 대해서는 아직 강의가 업데이트 안되었습니다! 곧 6월 중으로 할 예정입니다.

 

하지반 업데이트가 안된 현재 강의로 진행하시는데, 큰 어려움이 없을 것입니다. 왜냐하면 피그마에서 스타일도 여전히 쓰도록 하고 있으며, 이것은 복합 토큰(즉, 여러 베리어블이 합쳐진 토큰)으로 사용될 예정입니다.

 

스타일 중 그라디언트도 없어지는게 각각 색의 조합익에 기본 베리어블을 가지고 옵니다.

타이포그래피도 여전히 우리가 쓰는 H1, Body는 그대로 스타일에 사용 되어지고 이 안에 세부적인 weight, font family 등을 기본 베리어블로 사용되어 집니다.

 

이해가 안되시거나 더 궁금하신 부분 있으면 알려주세요!

 

klj00700님의 프로필 이미지

작성한 질문수

질문하기