디자인 시스템에 등록한 토큰 중 사용하지 않는 토큰에 관하여
안녕하세요.
강의를 듣던 중 궁금한 점이 생겨서 질문 드립니다.
색상이나 스페이싱 등 다양한 스타일을 미리 지정해 두는데,
피그마 토큰에 등록 해두었으나, 디자인 작업이 끝날때까지 단 한번도 사용하지 않는 스타일값도 있더라구요.
예를 들어 blue색상을 등록할 경우 총 9가지의 단계로 (blue 100 - blue 900) 지정하는데, blue 400은 사용되지 않는 그런 상황이 발생하더라구요. 물론 9단계든 5단계든 정해진 법칙이 있는건 아니지만, 이렇게 다양한 색상을 미리 지정해 두는 이유가 궁금합니다.
답변 부탁드립니다 !ㅎㅎ
(강의 너무 유익하게 잘 듣고 있어용!!)
답변 1
1
안녕하세요 이정은님 :)
강의에서 사용된 색상은 한정적이지만, 실제 디자인을 하다 보면 많은 색상들이 필요하게 됩니다.
많은 색상들을 임의의 색상을 골라 쓰는게 아닌 기존 global에 등록해두었던 색상들중에서 골라 사용함으로써 시스템을 일관되게 유지시키게 됩니다.
"그럼 그냥 blue.300 이렇게 가져다 쓰면 되나요?" 라는 질문이 나올 것 같은데요,
처음엔 단일색상으로 사용하다가 blue.300 색상이 다른곳에서도 많이 사용이 된다면 이는 색상매핑을 통해 이름을 부여하고 사용해주시는게 좋습니다.
global의 토큰들은 재료라고 생각하시면 되고, 실제로 색상을 사용하는 경우는 색상의 명명규칙을 정해서 light또는 dark에서 사용하게 됩니다.
강의 잘 듣고 계신다니 힘이 많이 납니다 💪
감사합니다 :)
borderTransparent를 라이트/다크모드에 이중등록
0
25
1
해결되었습니다.
0
23
1
안녕하세요! 강의잘 들었습니다.
0
73
2
타이포그래피 16 -> 14 변경 시 XXXL만 변경 안 됨
0
48
1
토큰스튜디오에서 폰트 스타일등록 문의
0
65
2
토큰에서 style로 export시 에러
0
71
2
컬러시스템 등록 관련
0
71
2
토큰 light/dark mode 오류
0
67
2
Pretendard 없으면 에러납니다
0
228
2
폰트 토큰 작업 할때
1
98
3
여기 수업에서 엘로우나 레드나 블루 이런 컬러들을 다양하게 만드는 이유가 뭔가요?
0
57
2
토큰을 깃허브에 올리는 방법이 없어진거 같은데요
1
81
2
토큰 export 할때 어떻게 해야 하나요? 버전이 바뀌어서 그런지 못찾겠어요
0
208
2
인프런 할때마다 짜증나는데 수업내용이 너무 오래된건 제발 삭제좀 하던지 다시 찍던지 해주세요
1
78
1
tailwind color generator 이게 작동이 잘 안되네요
0
73
2
figma tokens플러그인 안나오는데요??
0
122
2
혹시 토큰 가공할 수 있는 강의도 따로 있을까요??
1
54
2
피그마 배리어블에 export시 값 저장 안됨
0
201
3
Style - variable 문으ㅣ ㅜㅜ
0
67
2
borderTransparent 임포트가 안됩니다
1
68
2
화면이 보이지가 않아요?
0
67
1
컬러맵핑하고 라이트/다크 모드 설정시 색상 반전이 안돼요 ㅠㅠ
1
270
2
피그마 토큰 플러그인
1
292
2
깃허브 sync 오류
1
193
2