Microsoft Design
Published in

Microsoft Design

Abstracting the Microsoft Outlook Design Process

How Abstract improved file organization and collaboration in our design team

Image description: A selection of the UI components from our design system.

Designing a project’s file structure

Start Here file
The iOS UI-Kit file contains both a sticker sheet of components as well as the symbols themselves

Stepping through the design process

Branch labelling example
Create a “working” file
Commit daily
Image description: Building Outlook screens using our UI components.

Best practices for maintenance

A Github issue to track issues with the UI-kit



Stories from the thinkers and tinkerers at Microsoft. Sharing sketches, designs, and everything in between.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Joe Woodward

Staff System Designer at DoorDash. Previously at Snap, Microsoft, SwiftKey and Disney.