프론트엔드
MUI 기반 디자인시스템 VUI
두줄요약
MUI 기반 디자인 시스템 VUI의 구축 배경과 토큰-테마-컴포넌트 연결 구조를 소개했습니다. 브랜드와 모드 변형을 설정으로 흡수하고, 남은 과제도 정리했습니다.
핵심 내용
- VUI를 MUI 기반 사내 디자인 시스템으로 구축한 배경과 구조 소개
- 디자인 토큰을 Figma SSOT에서 JSON/TS로 자동화하고, MUI Theme가 이를 소비해 컴포넌트에 반영하는 흐름 정리
- 브랜드·모바일/데스크톱·라이트/다크 모드를 테마 설정으로 분리해 컴포넌트 코드를 고정하는 방식 설명
- 토큰 매핑 한계, 어댑터 구조 변경 대응, 원칙·가이드 문서화 필요성 같은 미해결 과제 제시