Material You & Figma: Bringing Dynamic Color & brand together
summary
Material You generates five key colors from a wallpaper and extrapolates each into 13-tone tonal palettes, enforcing a minimum 60 luminance spread so combinations meet contrast rules; the team ships a Figma and web plugin called the Material Theme Builder that maps those palettes to semantic design tokens, validates tokens, lets designers swap themes, export code, and produce light/dark schemes—tested iteratively and shown to produce accessible branded and dynamic color themes.
AI-written summary · about
chapters (4)
related talks
26mAnatomy of Dynamic Color
19mOn the Road to the World's Best Branding
36mMaterial Theming: Build Expressively with Material Components
30mQuickly Getting a Custom Material Theme Up and Running
23mUsing Figma beyond and above in design teams
41mWe dropped Material 3
32mThe Dark Art of Designing for Dark Mode
45mEverything Material All At Once