Apr 30, 2024

Material Design at Google I/O ‘24

Catch the latest updates, resources, and guides at this year’s developer conference

Posted by


Google I/O 2024 is right around the corner, and the Material Design team will be there with the latest updates and on-demand content. It’s time to start planning your agenda, and we’ve collected all the Material content you won’t want to miss right here.

link
Copy link Link copied

Sessions

Faster, more expressive design with Material for Compose

Mike Talvensaari, James Williams, Noa Dolberg, and Sagie Pudinsky 

Discover the latest from Material Design, including color and typography updates that empower developers to create personalized, accessible products, and a more comprehensive Compose offering. Then, learn how it all comes together with a sneak peek at Google Maps, and how they ship features to production using Material for Compose.

Designing adaptive apps

Aneesha Kommineni and Javier Lopez

Learn how to design and develop apps that adapt beautifully across multiple Android devices. Discover best practices to create apps that adapt effortlessly, saving time, and meeting user expectations across multiple devices. We'll dive into practical strategies for using panes across window classes, addressing key considerations for phones, foldables, and tablets. We'll also showcase adaptive components that ensure a seamless and cohesive user experience across all devices.

Building UI with the Material 3 adaptive library

Conrad Chen and Ian Clifton

Use the Material 3 adaptive library, now in beta, to create adaptive UI. Automatically adjust the number of panes you're showing by making use of new composables for list-detail and supporting pane canonical layouts, easily swap between navigation UI components based on window size classes, and use the building block composables to create your own custom experiences.

link
Copy link Link copied

Codelabs

Create a personalized and accessible theme and brand with Material 3

In this codelab, you learn how your brand guidelines and M3 theming can work together to create an accessible and personalized experience. From building up a custom theme to developer handoff, we provide tools to help along the way.

Design an adaptive layout with Material Design (Updated)

Learn how to use adaptive design principles in Material Design to achieve consistency across screen sizes. In this updated codelab, you take a mobile design to tablet format, and learn about the responsive grid, adaptive composition patterns, and the correct components.

link
Copy link Link copied

Community

Want to experience I/O or jam on a codelab in person? Find an I/O Extended event near you, or register for one of the I/O Connect events happening throughout the rest of 2024!

And as always, stay in touch with us over on X with your questions, feedback, and creations.