Take your shot of Vitamin!
summary
Vitamin is a cross‑platform design system: Figma, web, Android (XML plus Jetpack Compose implementation), and iOS (UIKit and SwiftUI). It ships as Gradle modules—foundation (colors, typography, icons), molecules, organisms—and a single vitamin artifact. It defines its own semantic color system, typography and shape tokens (not Material 2/3), exposes locals and a Material bridge, and is production‑used to refactor Decathlon apps; one example screen gets implemented in 40 minutes. Current release is frozen pending a tokenization rewrite.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:53Atomic design explained
- 4:20Component architecture
- 6:46Foundation in Compose
- 10:46Using Vitamin components
- 17:17Tokenization in design systems
- 19:05Vitamin future updates
related talks
21mTake your shot of Vitamin!
46mTake your shot of Vitamin!
34mDesign System Driven Android Development: A Guide to Automation Tools
33mKeynote - Design + Develop + Test
49mImplement your own design system with Jetpack Compose
39mA Design System, it Composes!
42mUsing Jetpack Compose to Create Apps From Figma UI Sketches
26mCompose Beyond Material Design