잘 쓰이는 디자인 시스템을 위한 여정

29CM의 프론트엔드 개발팀은 MFA(Micro Frontend Architecture) 구조에서 발생하는 UI 파편화 문제를 해결하기 위해 디자인 시스템 'Ruler'를 개발했습니다. 여러 목적 조직이 독립적으로 제품을 개발하는 환경에서 UI 일관성을 유지하고 개발 생산성을 높이는 것이 목표였습니다.

디자인 시스템 도입 전, 29CM 앱에서는 버튼 등 UI 요소들이 사용자에게 다양한 형태로 노출되어 혼란을 야기하고, 내부적으로는 의사소통 및 개발 비용 증가로 생산성 저하를 초래하는 문제가 있었습니다. 이러한 문제를 해결하고자 Ruler 디자인 시스템을 통해 일관된 UI 경험을 제공하고 개발 효율성을 증대시키고자 합니다.