디자인 시스템 첫 도입
약 90초
팀 내 공통 컴포넌트 시스템을 처음 만든 경험
팀 프로젝트에서 같은 버튼인데 페이지마다 색깔과 크기가 조금씩 달랐습니다. 각자 만들다 보니 생긴 일이었고, 디자이너 피드백에서도 일관성이 없다는 말이 나왔습니다.
공통 버튼, 인풋, 카드 컴포넌트를 만들고 variant와 size props로 변형을 제어하는 기본 디자인 시스템을 구성하였습니다. 처음에는 컴포넌트가 너무 유연하게 만들어져서 오히려 어떤 props를 써야 하는지 헷갈린다는 팀원 피드백이 있었으나, 자주 쓰는 패턴은 preset을 만들어서 단순하게 쓸 수 있게 하였습니다.
그 이후 디자인 변경이 생겨도 한 컴포넌트만 수정하면 되었습니다. 일관성이 생산성을 만든다는 것을 직접 경험하였습니다. 그 경험이 UI 설계에서 공통 기반을 먼저 생각하는 습관을 만들어주었습니다.
이 결의 특징
페이지마다 버튼 색과 크기가 달라 디자이너 피드백까지 나온 문제를 공통 컴포넌트와 variant props로 정리하고, 지나친 유연성으로 헷갈렸던 초기 문제를 preset으로 단순화한 흔적이 있습니다.
이 결이 통하는 자리
디자인 변경이 생겨도 한 컴포넌트만 고치면 된다는 구체적 효과가 초기 혼란과 함께 있을 때 통합니다. 일관성이 생산성을 만든다는 결론이 실제 팀원 피드백 반영 과정으로 뒷받침되는 자리에서 통하는 결이 보입니다.