May 01, 2023

Material Design at I/O ‘23

Get the latest Material 3 updates and online content at Google’s annual developer conference

Posted by


It’s time to celebrate another Google I/O! Google’s annual developer conference is back, along with the latest Material 3 updates and on-demand content.

Tune-in on May 10th to watch the live-streamed keynotes. Register online to join us in the Adventure to chat and participate in virtual Material roundtables.

link
Copy link Link copied

Sessions

What’s new in Material Design
Aneesha Kommineni, Andy Stewart, Euphrates Dahout
Get an overview of the latest evolution to the design language, Material You, and a sneak peek at our vision of the future of design systems. We’ll showcase new components and features that enable designers and developers to create beautiful, usable experiences. This session will also dive into new motion capabilities and color customization features, Android and Flutter library updates, and design tooling that helps integrate Material Design into your workflow.

Material You for Large Screens
Anna Pfoertsch and Ryan Kiley
Learn how to use Material Design across form factors and devices like tablets, foldables, phones, and more. Explore new large screen guidance and previews of future work that can help you adapt your app for large screens.

Embrace accessibility for more beautiful products with Material Design
Julia Feldman, Dahlia Shoukry, and Julián González 
Learn how accessible design allows us to be more expressive and more opinionated as product designers. Discover how Material Design conducts research to create accessible and beautiful experiences. Get tips on how to design with accessibility in mind when building your own products.

Material You for Compose
Gurupreet Singh 
This talk will give developers and designers insight on how to use the latest from Material Design to build beautiful apps using Compose, the future of developing apps in Android.

link
Copy link Link copied

Workshops and codelabs

Workshop: Build a complete app with Relay and Compose
Relay helps app development teams using Figma and Compose build great UI fast. In this workshop, learn multiple integration strategies for producing complete Compose apps with Relay.

Build a complete app with Relay and Compose
In this codelab, learn to integrate Relay UI Packages into your Compose codebase, including integration techniques, theme mapping, and substituting existing Composables in generated code.

Theming in Jetpack Compose with Material Design 3
Learn how to use Jetpack Compose’s theming APIs to style your app. Diving into customizing colors, shapes, and typography so they’re used consistently throughout your application, supporting multiple themes.

Build adaptive apps with Compose and Material 3
Understand how to build adaptive apps for phones, tablets, and foldables, including how to enhance reachability with Jetpack Compose. You’ll also learn best practices for using Material 3 components and theming.

Flutter and Material
Check out how Flutter enables you to build beautiful cross-platform apps with Material through a series of comprehensive codelabs: MDC-101, MDC-102, MDC-103, MDC-104, and Building with Material Motion.

link
Copy link Link copied

Developer releases and updates

Carousel for Android Views
Introducing the carousel component, allowing for quick browsing of many small items, like a photo thumbnail gallery, updated with Material’s expressive shape language and motion system.

Predictive back for Android Views
Predictive back provides a smoother, more intuitive navigation experience while using gesture navigation, leveraging built in animations to inform the user where their actions will take them ahead of time to reduce unexpected outcomes.

Material Component updates for Jetpack Compose
With Material You for Compose production-ready, you get the best of modern Android development and the latest from Material Design. We listened to feedback and requests from the developer community and added new components such as date and time pickers.

M3 for Flutter
Bringing Material 3 support to the Flutter Material includes new updates and improvements across components, typography, elevation, and the color system.

link
Copy link Link copied

I/O Connect

Can’t get enough of Google I/O 2023? Join us in person to experience the latest innovations and announcements from Google I/O.
May 24, 2023 at 9 am – 5 pm EDT in Miami, FL.