29CM의 디자인 시스템 Ruler 개발

29CM는 프론트엔드 플랫폼에서 디자인 시스템 Ruler를 개발하고 있습니다. 이 시스템은 Micro Frontend Architecture(MFA)를 바탕으로 다양한 도메인에서의 UI 파편화를 해결하기 위해 도입되었습니다. 디자인 시스템은 UI 구성 요소와 디자인 가이드를 포함하여, 디자이너와 개발자 간의 협업을 도와줍니다.

디자인 시스템의 핵심 요소

Ruler는 코드의 유연성을 유지하며, 이해관계자를 최소화하고, 지속 가능한 제품으로서의 디자인 시스템 개발을 목표로 합니다. 또한, Headless UI를 도입하여 스타일 관리를 효율적으로 수행하고, 필요할 때마다 리소스를 줄일 수 있는 구조를 마련했습니다.

측정 도구의 개발

Ruler의 컴포넌트 사용 현황을 추적하기 위해 피그마 REST API를 활용하여 측정 도구를 개발하였습니다. 이 도구는 각 컴포넌트가 얼마나 사용되는지 분석할 수 있도록 합니다. 앞으로는 화면 커버리지를 측정할 수 있는 피그마 플러그인도 개발할 계획입니다.