Let your design evolve, adopt a Design System!
summary
Deezer builds a reusable Design System implemented as an Android library called a UI Kit that follows Atomic Design via a Lego metaphor, with an interactive playground app showing every component. The UI is composed of atoms→molecules→organisms mapped to bricks; a custom Lego adapter on RecyclerView plus MVVM transformers converts raw data into lists of bricks. Result: new screens take only a view model and a transformer to assemble, enforcing cross‑app consistency, faster iteration, and clear separation from business logic.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:14Why design systems matter
- 3:19What is a design system
- 4:24Atomic design explained
- 7:54Deezer’s Lego-based approach
- 8:36UI Kit for designers and devs
- 10:01Playground app benefits
- 11:24Defining the style guide
- 12:05UI Kit implementation details
- 15:59Building new features easily
- 17:03Benefits of the system
- 18:49Summary and resources
related talks
37mLet your design evolve, adopt a Design System!
39mA Design System, it Composes!
26mHow we engineered our design system
37mConsistency is Key - Working with a Design System
39mAtomic Design in Android
39mRe-Compose your UI: building an atomic design library
38mDr. DeSign Systems: or, how I learned to stop worrying and remove the chaos?
32mAtomic Design Theory in Practice