디자인 시스템을 토큰을 이용해 구성하고 새로운 파일(실제 화면을 디자인할 파일)에 디자인 시스템에서 만든 컴포넌트를 가져와 사용할때
안녕하세요. 선생님
토큰을 이용해서 디자인 시스템의 컴포넌트들을 프라이머리와 세컨더리 컬러로 정의된 스타일로 만들었습니다.
이후에 토큰을 익스포트해서 저장한 Json 파일을 새로운 디자인 파일에 import해서 로컬 스타일에 등록해주주고, 퍼블리시한 디자인 시스템 파일의 라이브러리를 이용해 새로운 디자인 파일에서 디자인을 하려고 하는합니다.
그런데 컴포넌트의 등록한(디자인 시스템의 라이브러리에 등록된 컬러들로 만들어 진 컴포넌트)이 새로운 파일에서 테마를 변경해도 변화가 없습니다.
대신에 로컬 스타일의 컬러를 입혀주니까 테마 변경이 가능했습니다. 여기서 궁금한점은
디자인 시스템에서 만든 모든 컴포넌트들에 로컬 컬러를 입혀줘야 테마 변경이 가능한지요?
아니면 제가 뭘 놓치고 있는건지 궁금 합니다ㅜㅜ
감사합니다ㅜㅜ
답변 2
0
안녕하세요 na ni 님:)
토큰스튜디오에서 테마를 따로 관리하려면 결국 유료 버전인 프로를 사용하셔야 합니다.
유로를 사용하여 테마를 share하시거나,
무료로 사용할 경우 json파일을 각자의 피그마 프로젝트로 불러와
create Style을 하신 후 피그마 네이티브에 토큰을 등록하여 사용하시면 됩니다.
감사합니다 ^^
0
한가지 찾아낸 방법은
새 디자인 파일(라이트 테마로 작업할 예정)도 퍼블리시한 후에 디자인 시스템과 스왑해주는 방식으로 하니까 컬러가 한번에 바뀌긴 했습니다.. 그런데 에셋에서 디자인 시스템의 컴포넌트를 뽑아 쓸때마다 다크 테마가 적용되 있어서 계속 스왑을 해줘야하는게 맞는지 모르겠습니다ㅜㅜ
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