inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

디자인 시스템 with 피그마

어플라이 (Apply part02)

피그마 토큰과 오토레이아웃 spacing 적용

해결된 질문

600

Hyerim (Judy) Cho

작성한 질문수 2

1

토큰 플러그인에서 무조건 spacing을 적용해야지 json파일에 반영이 되는걸까요?
토큰에서 spacing 적용 후 -> 오토레이아웃에서 직접 입력으로 변경할 경우 플러그인 상에선 반영이 안되어서요.

컬러랑 타이포는 플러그인과 피그마가 연동이 잘 되는 것 같은데 spacing은 연동이 안되는 것 같아서 질문 드립니다!

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

답변 1

2

범쌤

안녕하세요 Hyerim 님 :)

피그마 네이티브 기능 자체에는 spacing을 관리할 수 있는 기능은 포함되어있지 않습니다.

그래서 시스템을 고도화 하고 spacing을 따로 관리하기 위해 figmaTokens 플러그인을 사용하는 겁니다.

피그마 네이티브엔 없지만 figmaTokens으로 관리할 수 있는 토큰들이 spacing 말고도
border-radius와 font-size를 rem 단위로 관리하는 기능들이 더 있습니다. :)

감사합니다.

0

Hyerim (Judy) Cho

답변해주셔서 감사합니다~! 😊

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

0

30

2

해결되었습니다.

0

26

1

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

0

84

2

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

0

52

2

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

0

66

2

토큰에서 style로 export시 에러

0

74

2

컬러시스템 등록 관련

0

72

2

토큰 light/dark mode 오류

0

69

2

Pretendard 없으면 에러납니다

0

242

2

폰트 토큰 작업 할때

1

100

3

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

0

57

2

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

1

83

2

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

0

215

2

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

1

80

1

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

0

75

2

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

0

126

2

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

1

55

2

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

0

209

3

Style - variable 문으ㅣ ㅜㅜ

0

69

2

borderTransparent 임포트가 안됩니다

1

69

2

화면이 보이지가 않아요?

0

67

1

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

1

274

2

피그마 토큰 플러그인

1

293

2

깃허브 sync 오류

1

193

2