A Design System, it Composes!
summary
Deezer migrated a large Android app to Jetpack Compose by rebuilding its design system, Tempo, from design tokens upward and targeting the Album screen as a representative migration. The team implemented a custom theme (not Material), created flexible components with a slot API, provided catalogue and configurator apps, used a remote feature switch and visual modifier borders for rollout and testing, and achieved full token coverage while new features already use the system and the Album migration is in final qualification.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 3:58Migration to Compose
- 7:30First migrated screen
- 12:41Custom theme design
- 16:57Slots API for components
- 21:33Two-level design system
- 23:41Model data to UI
- 25:48Accessibility and tests
- 28:19Migration results
- 32:11Lessons learned
- 33:37Interactive quiz
related talks
45mHow We Built a Design System in Jetpack Compose
26mCompose Beyond Material Design
01h 09mJetpack Compose for consistency of your apps' UI
31mDesign System 3.0 with Jetpack Compose at N26
15mBuild beautiful Material Design apps with Jetpack Compose
49mImplement your own design system with Jetpack Compose
34mRetrofitting Legacy Code with Jetpack Compose at Scale
50mCustom Design Systems in Compose