Showing results for design - Surface Duo Blog

Jan 26, 2023
0
0

Relay Anchor Leg: Overall impressions

Kristen Halper
Kristen Halper

Hello Compose developers, Over the last two weeks, I’ve given a brief introduction to Relay, as well as talked about some of the tips and tricks I picked up while using the tool. This week, I’ll share my thoughts on the current state of Relay from the developer point of view. As a reminder, Relay is in alpha, so please go try ...

kotlinJetpack Composedesign
Jan 19, 2023
0
0

Relay Leg 2: Tips and tricks

Kristen Halper
Kristen Halper

Hello Compose developers, Last week, I gave a brief introduction to Relay, the new Figma to Compose tool developed by Google. This week, I’ll dive deeper into some tips and tricks I learned when testing out Relay, As a reminder, Relay is in alpha, so please go try it out and send the Relay team your feedback! Putting Relay to ...

Jetpack Composedesign
Jan 12, 2023
0
0

Pass the design baton with Relay

Kristen Halper
Kristen Halper

Hello Compose developers, Over the holidays, I finally got the chance to test out Relay, the new tool released by Google late last year. The goal of Relay is to simplify the “handoff problem” between designers and developers by translating Figma designs directly into Compose code. Figure 1. Viewing the StatusCard and Chip UI ...

Jetpack Composedesign
Jan 5, 2023
1
0

Happy New Year 2023

Lauri Jokela
Lauri Jokela

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 ...

Surface Duodesign
Nov 17, 2022
0
0

Large-screen design patterns

Craig Dunn
Craig Dunn

Hello app designers, At the first Android Dev Summit of 2022 Google announced updated large screen design guidance, gallery, and tips for foldables. These updates included a list of canonical layouts which are complementary to the dual-screen design patterns featured in the Surface Duo developer documentation. Material Design has also ...

Surface Duofoldabledesign
Sep 8, 2022
0
0

Surface Duo Design Kit 2.2 update

Yuran Liu
Yuran Liu

Hello app designers! Our Surface Duo Design Kit is now updated to version 2.2. If you haven’t heard of this kit before, Surface Duo Design Kit is the go-to place where you can find all our UX design suggestions and UI components for both Surface Duo and Surface Duo 2. It includes many of the interface components which you can handily ...

Surface Duofoldabledesign
Feb 10, 2022
0
0

Dual-screen app design walkthrough

Mehul Shah
Mehul Shah

Hello designers, This week we are excited to share with you our journey that inspires, educates, and showcases real world usage of various design patterns and provides designers a sense of exploring foldables with working examples of how to make use of the dual-screen/folding form factors in different ways when an application is spanning...

Surface DuoDual Screen Developmentdesign
Nov 24, 2021
0
0

Foldable CSS and JavaScript update for web developers

Craig Dunn
Craig Dunn

Hello web developers! The dual-screen CSS and JavaScript enhancements for Microsoft Edge were initially shared in June 2020 when they were first available behind a feature flag for testing. Since then there has been a lot of work and feedback on the proposals, and the implementation currently available in the latest version of Microsoft ...

Surface DuoJavaScriptdesign
Nov 11, 2021
0
0

Design Kit 2.1

Mehul Shah
Mehul Shah

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 you can...

Surface DuodesignUser experience
Jun 10, 2021
0
0

Surface Duo Design Kit update

Mehul Shah
Mehul Shah

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: In this blog post we want to highlight details of the guidelines, principles, and ...

Surface DuodesignUser experience

Feedback