Custom Design Systems in Compose
summary
Dropbox implements the DIG design library in Jetpack Compose by translating DIG tokens into Material token equivalents so existing Material components work for about 80% of cases, then incrementally replaces components that misbehave. The implementation uses composition locals to provide color, typography, shape and elevation, treats Surface as the foundational primitive behind Card and Button, and ships a Compose theme in production while teams audit and migrate components away from Material over time.
AI-written summary · about
chapters (9)
- 0:00Start
- 9:37CompositionLocal
- 14:25Customize Material
- 27:57Custom Theme
- 35:26Card
- 36:54Button
- 43:05Customizing Material Theme
- 43:26Wrap Material
- 46:21Migration
related talks
36mCustom Design Systems in Compose
49mImplement your own design system with Jetpack Compose
35mCompose beyond Material
26mCompose Beyond Material Design
41mCompose beyond Material
15mBuild beautiful Material Design apps with Jetpack Compose
31mDesign System 3.0 with Jetpack Compose at N26
39mA Design System, it Composes!