- 디자인 시스템은 재사용 가능한 UI 컴포넌트 세트이며, 스타일 및 UX 가이드라인을 구현하고 적용합니다. 🎨
- 디자인 시스템 컴포넌트는 특정 앱의 맥락에 종속되지 않고 여러 앱에서 재사용 가능해야 합니다. ♻️
- 툴바 컴포넌트 예시에서
isConnected
와 같은 구체적인 boolean 값을 전달하는 대신, slot-based 레이아웃을 사용하여 유연성을 확보해야 합니다. 🧰 - Material 3 디자인 컴포넌트를 기반으로 디자인 시스템을 구축하면 UX 모범 사례를 쉽게 따를 수 있습니다. ✅
- Material 3의 color tokens 및 theming을 활용하고, 필요에 따라 확장하여 디자인 시스템에 적용하는 것이 효율적입니다. 🌈
- 디자인 시스템을 별도의 모듈로 분리하면 여러 프로젝트에서 재사용하기 용이합니다. 📦