Design toolkits and samples for Windows apps
This topic provides a variety of design and UI-related resources for creating visually appealing and user-friendly Windows applications. For more downloads, including development tools such as Visual Studio, see Downloads and tools for Windows development.
Toolkits and libraries
Figma Toolkit
Windows Design Kit, November 2024
Open the toolkit
WinUI
Controls and other UI elements for Windows apps.
Installation instructions
Windows Community Toolkit
Helper functions, custom controls, and app services.
Installation instructions
Template Studio
Accelerate the creation of new WinUI, WPF, and UWP apps using a wizard-based experience.
Installation instructions
WinUI Gallery app
Get the WinUI Gallery apps from the Microsoft Store to see XAML controls and the Fluent Design System in action. The WinUI 3 Gallery and WinUI 2 Gallery apps include interactive examples of most WinUI 3 and WinUI 2 controls, features, and functionality. The apps are an interactive companion to this website. When you have them installed, you can use links on individual control pages to launch the app and see the control in action.
- Get the WinUI 3 Gallery and the WinUI 2 Gallery from the Microsoft Store.
- Get the source code for both from GitHub (use the main branch for WinUI 3 and the winui2 branch for WinUI 2).
Fonts
The Windows type system helps you create structure and hierarchy in your content in order to maximize legibility and readability in your UI (for more details, see Segoe UI font family).
The following fonts are recommended:
- Segoe UI Variable (see Typography in Windows)
- Segoe Fluent Icons (see Segoe Fluent Icons font)
- Segoe UI
- Segoe MDL2 (see Segoe MDL2 Assets icons)
Tools
You can use the Tile and icon generator for Adobe Photoshop actions to generate the 68 recommended tile and icon assets from just 7 files (see the Tile and Icon Generator Demo).
Download the tile and icon generator actions
Samples
The following samples include a variety of visually appealing and user-friendly interfaces.
Fluent XAML Theme Editor
The Fluent XAML Theme Editor is a tool that helps demonstrate the flexibility of the Fluent Design System and supports the app development process by generating XAML markup for our ResourceDictionary framework used in Windows applications.
VanArsdel
The Van Arsdel, Ltd. end-to-end Windows sample app was built to showcase the next wave of the Fluent Design System. It makes extensive use of the improved density and new controls in the WinUI 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).
Check out the VanArsdel sample on GitHub
BuildCast
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 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.
Check out the BuildCast sample on GitHub
Lunch Scheduler
A Windows app sample that schedules lunches with your friends and coworkers. You create a lunch reservation, invite friends to a restaurant of interest, and the app takes care of the lunch management for everyone. This app incorporates elements of the Fluent Design System, including acrylic, reveal, and connected animations.
Download the Lunch Scheduler sample
Check out the Lunch Scheduler sample on GitHub
Want more code?
Check out the Windows sample page for complete list of all our Windows app samples.
Windows developer