Google has unveiled Material 3 Expressive, an innovative design system tailored specifically for Wear OS, focusing on optimizing the user experience for round screens. This new system introduces an array of features and components that aim to elevate the design of wearable applications while ensuring performance efficiency for battery-sensitive devices.
Material 3 Expressive offers a variety of enhancements, including edge-hugging buttons and the TransformingLazyColumn for fluid scrolling experiences. The system also includes 3-slot tile layouts, which are designed to help developers create more engaging and brand-expressive interfaces. These layouts provide a sample architecture consisting of titleSlot, mainSlot, and bottomSlot components, facilitating the creation of responsive, adaptive tiles through the ProtoLayout library.
A significant aspect of the system is the extended color palettes with dynamic system colors, which enable applications to support dynamic theming and adapt to a user’s style preferences seamlessly. Moreover, Material 3 Expressive incorporates variable fonts and shape morphing animations to add personality and dynamism to the user interface.
To assist developers in implementing these designs, Google provides a suite of resources, including a Figma design kit and code examples. These tools not only help in building Wear OS tiles but also ensure that they support quick access to information through intuitive swipe gestures from watch faces.
Through Material 3 Expressive, Google aims to empower developers to create delightful, intuitive, and brand-aligned wearable experiences that respect the performance requirements of Wear OS devices.

Collections

Google launched Material 3 Expressive, a new design system specifically built for Wear OS that optimizes user interfaces for round screens and battery-sensitive devices. The system features edge-hugging buttons, TransformingLazyColumn for smooth scrolling, 3-slot tile layouts, dynamic color palettes, variable fonts, and shape morphing animations. Developers get access to Figma design kits and code examples to build engaging, brand-expressive wearable applications with intuitive swipe gestures and quick information access.

Introducing Material 3 Expressive: A Comprehensive Design System for Wear OS