[디자인 시스템 어떻게 만들었어요?(2)] Radix Primitives와 Panda CSS로 유연하고 단…
역량 개발 · 요기요 테크 · 2025.12.11
요기요 FE 팀에서 Radix Primitives와 Panda CSS를 도입하여 디자인 시스템인 YDS v2의 컴포넌트 라이브러리를 재구축한 경험을 공유하는 글입니다. 기존 styled-components의 런타임 오버헤드 문제를 해결하기 위해 Zero-runtime CSS-in-TS 방식인 Panda CSS를 선택했으며, Radix Primitives를 통해 웹 접근성과 컴포넌트의 확장성을 동시에 확보했습니다. 디자인 토큰을 다양한 환경에서 사용할 수 있도록 설계한 구조와 모노레포 내에서의 배포 전략 등 기술적인 고민과 해결 과정을 상세히 다루고 있습니다.