Design toolkits and samples for Windows apps – UWP applications

Jacki Roig

03/23/2020 2 minutes to read In this article Design and UI-related downloads for Fluent Design/Windows apps. For additional tools, such as Visual Studio, see our main downloads page. These toolkits provide controls and layout templates for designing Windows apps. […]


Design basics

Design and UI-related downloads for Fluent Design/Windows apps. For additional tools, such as Visual Studio, see our main downloads page.

These toolkits provide controls and layout templates for designing Windows apps.

hero imageFigma toolkit
WinUI 2.3, February 2020
Download

hero imageSketch toolkit
v1810, October 2018
Download

hero imageAdobe XD toolkit
v1901, January 2019
Download

hero imageAdobe Illustrator toolkit
v1806, June 2018
Download

hero imageAdobe Photoshop toolkit
v1705, May 2017
Download

Fonts

Download the tile and icon generator

Tile and icon generator for Adobe Photoshop
This set of actions for Adobe Photoshop generates the 68 recommended tile and icon assets from just 7 files.
Download the tile and icon generator

Samples

Fluent XAML Theme Editor imageFluent XAML Theme Editor
The Fluent XAML Theme Editor is a tool that helps demonstrate the flexibility of the Fluent Design System as well as supports the app development process by generating XAML markup for our ResourceDictionary framework used in Windows applications.
Download the tool sample
Check out the tool on GitHub

VanArsdel imageVanArsdel
The Van Arsdel, Ltd. end-to-end Windows sample app was built to showcase the next wave of the Microsoft Fluent Design System. It makes extensive use of the improved density and new controls in the Windows UI Library as well as powerful underlying features of the ux framework and composition. The sample shows how you can build a rich, productive experience for managing and purchasing IoT devices (in this case, lamps).
Download the VanArsdel sample
Check out the VanArsdel sample on GitHub

build cast imageBuildCast
BuildCast is an end-to-end sample built to showcase the Fluent Design System and Windows. It permits browsing, downloading, and playback of select video podcasts, including a sampling of the most popular ones from Channel 9 and some Windows tech enthusiast feeds. It also features ink notes, bookmarks, and remote playback. This sample was initially shown at the 2017 Build conference during the Build Amazing Apps with Fluent Design talk.
Download the BuildCast sample
Check out the BuildCast sample on GitHub

Lunch SchedulerLunch Scheduler
A Windows app sample that schedules lunches with your friends and coworkers. You create a lunch, invite friends to a restaurant of interest, and the app takes care of the lunch management for all involved parties. This app incorporates elements of the Fluent Design System in a Windows app, including acrylic, reveal, and connected animations.
Download the Lunch Scheduler sample
Check out the Lunch Scheduler sample on GitHub

Xaml controls galleryXAML Controls Gallery
This sample provides an interactive demo of all of the XAML controls. It shows a variety of layouts from basic to adaptive, and displays markup that you can copy into your own project. Note: The download file and the GitHub repository currently refer to this sample app as “UI Basics (XAML).”
Download the XAML Controls Gallery sample
Check out the XAML Controls Gallery sample on GitHub
Download the XAML Controls Gallery app from the Store

Want more code?

Check out the Windows sample page for complete list of all our Windows app samples. Go to the samples portal



Source Article

Next Post

How to Design Exterior Concrete Stairs | Home Guides

Design concrete stairs carefully so everyone can use them safely. Steve Baccon/Digital Vision/Getty Images Besides sturdiness and easy maintenance, new concrete steps can make a home look clean and fresh. Always design concrete stairs before building them, especially to meet safety guidelines, which suggest minimum and maximum landing depth, riser […]