원티드랩의 디자인 시스템을 디자이너와 프론트엔드 개발자 관점에서 되짚는 패널 토크다. 빠른 제품화와 시각적 일관성이라는 밝은 면 이면의 운영 비용을 드러내고, 그것을 어떻게 흡수했는지로 나아간다.
핵심 포인트- 작업자마다 다른 UI와 반복 공통 작업을 줄이려 시스템을 만들어 AI 면접 코칭을 짧은 기간에 제품화하며 속도·품질을 확인했지만, 만든 사람과 사용자의 이해 차이·러닝 커브·전사 우선순위 하락 문제가 뒤따름
- 초기 시스템은 가장 큰 웹 프로젝트의 버튼·타이포·배지를 공통 컴포넌트로 패키지화한 작은 시도였으나, 특정 프로젝트 컨벤션과 CSS-in-JS를 전제로 해 다른 서비스에서 쓰기 어렵고 개발자 경험이 낮은 한계가 드러남
- 재개된 TF는 MUI·Chakra를 참고해 Box와 sx props로 별도 설정 없는 스타일 확장을 제공하고, JS 화면 감지 대신 CSS media query 기반 반응형 props로 SSR·레이아웃 시프트를 줄이며, 접근성을 갖춘 Radix headless UI를 필요 단위로 써 제작 시간을 단축하고 배포 범위를 확대
- 시스템을 완성 프로젝트가 아닌 운영 대상으로 보고 예외 커스터마이징은 금지 대신 허용 범위를 정해 Slack·GitHub 피드백 루프로 수집·반영하며, 실제 시안에서 컴포넌트를 도출하고 사용 데이터·성과를 공유해 신뢰를 확보
왜 읽나디자인 시스템의 생산성만이 아니라 운영 비용까지 직시하려는 디자이너·프론트엔드 개발자에게 고도화 기술 선택과 예외·전파를 피드백 루프로 흡수하는 운영 원칙을 담은 균형 잡힌 회고.