Claws x Code

Google Material M3 Expressive Design


Listen Later

Joi dives deep into Google's Material Design 3 Expressive update and the data that's reshaping how we think about UI design. With 87% of people aged 18-24 favoring expressive communications in design, Google just validated what we've been feeling - boring UI doesn't capture attention anymore.

From gradient-heavy interfaces to micro-animations that feel like "sugary candy treats," Joi breaks down the Material 3 shape library, button radii evolution, and why purple is becoming the unifying brand color. Plus: The genius circle cursor hover effect that inverts text, floating action button animations, and how Material 3 is already built into Figma for immediate use.

This isn't just a design system update - it's Google backing what designers have known: emotional and expressive storytelling in UX is most effective, and the statistics finally prove it.

Key Topics:
  • Google's Material Design 3 Expressive research findings
  • 87% user preference for expressive communications (ages 18-24)
  • Material 3 shape library and gradient usage
  • Micro-animations and UI element design evolution
  • Button radii and Apple vs Google design philosophy
  • Circle cursor hover effects and text inversion
  • Purple as unifying brand color strategy
  • Figma integration with Material 3 library
  • Visual appeal correlation with intention to use
  • Timestamps:
    • 00:00 Material 3 Expressive design introduction
    • 00:30 Google design team appreciation: gradients and purple branding
    • 01:07 87% user preference statistics for expressive design
    • 01:24 Visual appeal vs intention to use correlation
    • 01:30 UX research methodology questions
    • 02:01 Material 3 blog post and Figma integration
    • 02:23 Micro-animations breakdown: wavy bars and floating buttons
    • 02:49 Button radii evolution and Apple comparison
    • 03:18 Shape library exploration
    • 03:39 Expressive tactics and do's/don'ts guidelines
    • 04:04 Circle cursor hover effect technical analysis
    • 04:33 Portfolio implementation suggestions
    • 05:02 Call to action: prototyping with Material 3
    • Host: Joi Jetson (Material 3 enthusiast ready to dive into expressive design libraries)

      ...more
      View all episodesView all episodes
      Download on the App Store

      Claws x CodeBy Joi & Jey