inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

디자인 시스템 with 피그마

피그마 토큰에서 색상이 전환이 안되는데 오류일까요?

해결된 질문

1907

브로제이

작성한 질문수 3

1


피그마 토큰 플러그인창에서
다크모드를 선택했을 때
라이트 모드에서 보이는 그레이 색상(color > G, GH)들이
다크모드에 설정한 그레이컬러들로 전환이 안됩니다!

질문을 드리고 싶은건
이 현상이 오류인가요? 나중에 작업을 하다가 영향을 끼칠 우려가 있을까요?
작업한 사각형UI에는 적용이 잘 되지만! 피그마 토큰 플러그인 창에서만 전환이 안됩니다
(피그마 토큰에서 다시 지우고 새로 등록해봤고,,색상도 네이티브에 다시 등록하고 했답니당,,,)

근데 라이트 모드를 선택할 때 다크 모드에서는 색상이 전환됩니다
동일하게 사각형 UI에서도 색상을 잘 적용됩니다
뭐가 문제일까요!?,,,

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

답변 1

1

범쌤

안녕하세요 브로제이님 :)

 

토큰의 모드를 변경했을 때 색상이 반전이 안되는 이슈를 예상해보면 2가지 정도가 있을 듯 합니다.

  1. 모드 별 색상의 color mapping (네이밍통일)을 동일하게 가져갔는가?

    ex) primary의 이름을 동일하게 사용하고 네이티브로 내보내고 적용했는가.

요소를 선택 했을 때 토큰 스튜디오에 색상의 값이 지정되어 있지는 않은가?

image

이런식으로 요소의 색상이 강제로 들어가 있는 경우라면 반응이 안될 수 있습니다.

 

그래도 안되신다면 피그마 문서를 공유해 주시면 (edit 권한 주셔야 합니다) 제가 확인해보고 자세히 답변을 드리도록 하겠습니다 ^^

 

감사합니다 :)

0

브로제이

빠른 답변 감사합니다!

image이 답변은
혹시 사각형 UI를 선택 후
피그마 토큰에 있는 동그라미(색상)를
선택하면 안된다는 말인가요?



image

이렇게 색상이 적용이 되었는거랑은 다른 말이죠?

0

범쌤

색상을 강제 적용하지 마시고 토큰 스튜디오에 있는 값들을 네이티브로 옮기시고 거기서 적용해보세요 ^^

네이티브 색상변경

0

3

1

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

0

68

2

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

0

42

1

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

0

62

2

토큰에서 style로 export시 에러

0

68

2

컬러시스템 등록 관련

0

66

2

토큰 light/dark mode 오류

0

62

2

Pretendard 없으면 에러납니다

0

219

2

폰트 토큰 작업 할때

1

95

3

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

0

54

2

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

1

77

2

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

0

202

2

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

1

74

1

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

0

69

2

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

0

118

2

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

1

50

2

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

0

199

3

Style - variable 문으ㅣ ㅜㅜ

0

64

2

borderTransparent 임포트가 안됩니다

1

63

2

화면이 보이지가 않아요?

0

63

1

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

1

264

2

피그마 토큰 플러그인

1

289

2

깃허브 sync 오류

1

188

2

업데이트 버전 토큰 스튜디오 import 시 ..and 2 more

1

189

1