Hello app builders,

We’re excited to kick off the new year with a summary of all the great design and user experience guidance from the foldable and large-screen ecosystem. Can’t wait to see what new apps evolve in 2023!

Large screen design patterns

Read about the similarities and unique elements of the large screen design patterns from the Surface Duo Design Kit and the Android Material Design site. User experiences like list-detail navigation can scale across all form factors:

Visit the Android large-screen landing page for code resources and the sample gallery.

The material.io site also has guidance on designing for large screens, which covers window size classes, grid layouts, and a great explanation of adapting UI components to make layouts responsive.

Designing for foldables

Thinking specifically about designing for foldable and dual-screen apps is covered in this blog and in the Design Kit update post.

Design to code

Another exciting 2022 announcement was Relay for Compose, which helps designers hand off their Figma layouts to Jetpack Compose apps.

This video Reimagining designer-developer handoff: Introducing Relay provides an overview of using Relay:

Resources and feedback

If you have any questions about design resources or creating responsive designs for different screen sizes and modes, please reach out via the feedback forum or on Twitter @surfaceduodev.  

Our Twitch livestream is taking a break over the holidays, but you can view the full archive on YouTube. We look forward to seeing you online again soon!