Testable Android Architecture
summary
Pinterest builds a reusable design system that introduces a Brio point unit and a 12‑column grid, implements a generic layout inflater via a context wrapper plus lint rules, and measures inflation cost as ~10 ms extra for 100 TextViews (~0.1 ms per TextView). Kotlin Anko is used to compile UI code when XML is a bottleneck. Typography uses 10 text styles with autofit that shrinks up to two sizes; letter‑span hacks are rejected but word spacing ships on Android 5/6. Animations use tap-state layouts baked into core containers and work across nested views.
AI-written summary · about
chapters (6)
- 0:00Introduction and Pinterest overview
- 1:17Design system Brio introduction
- 4:52Layout system and Brio points
- 18:48Typography component design
- 31:45Animations for playful UX
- 34:53Summary and closing
related talks
39mAtomic Design in Android
32mAtomic Design Theory in Practice
34mDesign System Driven Android Development: A Guide to Automation Tools
26mHow we engineered our design system
37mConsistency is Key - Working with a Design System
40mThink Like a Designer
06mLightning talk: Design System - Modular component model
37mLet your design evolve, adopt a Design System!