디자인 시스템 관리
안녕하세요!
사내에 두 개의 프로덕트가 있는데 그럼 디자인시스템을 각각 프로덕트마다 따로 만들어야 하는걸까요?
그리고 새로 생기는 프로덕트마다 계속 만들어서 각각 관리하는것인지 궁금합니다.
만약 하나의 디자인시스템으로 관리한다고하면 각 프로덕트마다 버튼크기나 사용하는 컴포넌트들도 다를거고 색상도 다를텐데 어떻게 관리해야할까요?
감사합니다!
답변 1
0
안녕하세요 mihang kim 님 :)
항상 열심히 질문 남겨주셔서 감사합니다 ㅎㅎ
질문을 남겨주신 것 처럼 프로덕트마다 버튼의 크기와 색상들이 전부 달라진다면 디자인 시스템을 따로 관리하는 방식으로 가셔야 합니다.
하나의 시스템으로 관리하고 싶다면 컴포넌트의 variant가 보다 다양하게 적용이 되면 이또한 하나의 시스템으로 관리가 가능합니다.
e.g ) product1-primay, product2-primay
디자인 시스템은 하나의 일관된 UI를 관리하기 위해 사용됩니다. 이로인해 디자인이 단순해지는 단점도 발생하지만 기업 입장에서는 보다 빠른 업무협업의 이득을 가져가기 때문에 많이 사용됩니다.
하지만 회사의 업무 특성상 매 프로젝트마다 새로운 UI를 그려나가야 한다면 (에이전시 처럼) 가장 큰 디자인 시스템을 하나 만들고(간격,타이포,버튼의 모든 크기등등) 이 시스템을 사용해 파생된 다른 시스템을 구성하시는게 보다 효율적일듯 합니다.
감사합니다 :)
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