Surface Duo Blog

Designing for foldable and large screens

Hello app designers! Today we are going to talk about designing for foldable and large screens. We’ve been practicing responsive web design for a long time - let's use those concepts to optimze your mobile app for different platforms and devices. Mobile apps can use adaptive designs to deliver a consistent app experience. In today...

Design Kit 2.1

Hello designers! We recently unveiled Design Kit v2.1 – a set of updates to the design system kit that enables you to create dual-screen and foldable experiences for Microsoft Surface Duo and Surface Duo 2 in Figma. Figure 1: Design Kit v2.1 on Figma Figma device frame Figure 2: Figma device frames Today ...

Android Dev Summit recap

Hello Android developers! This week’s blog includes lots of news from Google's Android Dev Summit – especially for dual-screen, foldable, and large screen app developers. The Surface Duo Developer Experience team is here to help developers plan and adapt their Android apps for new form factors like Microsoft Surface Duo 2. Here ...

Surface Duo Design Kit update

Hello designers, Today we are excited to share you with an update to the Design Kit for the Microsoft Surface Duo that’s available on Figma for download. The latest update to our Design Kit version 0.4 includes: Inking principles Different pen state scenarios Inking gestures for the ...

Creating beautiful dual-screen Xamarin.Forms apps

Hello .NET developers! The blog has previously featured tips for bringing Xamarin apps to Surface Duo and Microsoft Learn training to help enhance Xamarin apps. In this post we’ll discuss changes to animated layouts in a Xamarin.Forms app to adapt them for Microsoft Surface Duo. Adapt a design for Xamarin The sample project ...

Join us live on Twitch (and YouTube)

Hello dual-screen and foldable device developers, Those of you following us on Twitter will have noticed in recent weeks that we’ve been inviting you to join a livestream each Friday (11am Pacific; 2pm Eastern; 8pm in Europe). We just recently celebrated 12 episodes over the past three months! If you haven’t joined us yet...

Microsoft Surface Duo Design Kit documentation

Hello designers! This week we are happy to share a number of updates to the Microsoft Surface Duo Design Kit that was announced in January. Design Kit updates There have been several additions and updates since the last version on the Figma Design Kit: Now includes Surface Duo device frames (single and dual-...

Making Microsoft Outlook shine on Microsoft Surface Duo

Hello Android developers, In this post, you’ll learn how the Outlook team adapted our Android app to create a user-friendly experience on the dual-screen Surface Duo. Outlook for Surface Duo has the same familiar experience that you find on both phone and tablet and this is no coincidence as Outlook has been designed with ...

droidcon webinar recap

Hello Android developers! Last week, Hakon and I talked about building dual-screen experiences as part of the droidcon webinar series. We were joined by Andras Nemeth from Atlassian, to talk about enhancing the Jira mobile app for dual-screen devices. You can watch the recording online: Hakon Strande – Introduction to Surface Duo...

Enhancing the Microsoft Surface Duo OneDrive experience

Beginning last fall, I had the opportunity to work with the Surface Duo OneDrive feature team to redesign and polish the OneDrive app user experience to make it shine on Surface Duo. Many thanks and kudos to the team: Eli Waalkes, Daniela Dimitrova, Hansel Ip, Eirini Tsantouli, James Tong, Tola Adeola, and Lin Wang. Now that...