适用于 Windows 应用的设计工具包和示例

适用于 Fluent Design/Windows 应用的设计和 UI 相关下载。 有关 Visual Studio 之类的其他工具，请参阅我们的主下载页。

工具包和库

Figma 工具包
WinAppSDK 1.1 中的 WinUI 3，2022 年 10 月
下载

Windows UI 库
适用于 Windows 应用的控件和其他 UI 元素。
安装说明

Windows 社区工具包
帮助程序函数、自定义控件和应用服务。
安装说明

Template Studio
使用基于向导的 UI 快速构建应用。
安装说明

WinUI 库

从 Microsoft Store 获取 WinUI 库应用，了解 XAML 控件和 Fluent Design System 的实际应用。 WinUI 3 库和 WinUI 2 库应用包括大多数 WinUI 3 和 WinUI 2 控件、特性和功能的交互式示例。 这些应用是该网站的交互式助手。 安装它们后，你可以使用各控件页上的链接启动该应用并查看控件的实际应用。

• 从 Microsoft Store 获取 WinUI 3 库和 WinUI 2 库。
• 从 GitHub 获取这两种应用的源代码（对 WinUI 3 使用 main 分支，对 WinUI 2 使用 winui2 分支）。

字体

• Segoe UI Variable
• Segoe Fluent 图标
• Segoe UI
• Segoe MDL2
• Hololens 图标字体（仅限 Windows）

工具

Adobe Photoshop 的磁贴和图标生成器 这组 Adobe Photoshop 操作仅从 7 个文件中就生成了 68 个推荐的磁贴和图标资源。
下载磁贴和图标生成器

示例

Fluent XAML Theme Editor
Fluent XAML Theme Editor 是一个工具，可以帮助演示 Fluent Design System 的灵活性，并通过为 Windows 应用程序中使用的 ResourceDictionary 框架生成 XAML 标记，来为应用开发流程提供支持。 下载工具示例
在 GitHub 上查看此工具

VanArsdel
Van Arsdel, Ltd. 端到端 Windows 示例应用是为了展示 Microsoft Fluent Design System 的下一波技术而构建的。 它广泛利用了 Windows UI 库中的改良方法和新控件，以及 UX 框架和组合的强大基础功能。 此示例展示了如何构建丰富高效的体验，用于管理和购买 IoT 设备（在本例中为照明灯）。
下载 VanArsdel 示例
在 GitHub 上查看 VanArsdel 示例

BuildCast
BuildCast 是一个端到端示例，它是为了展示 Fluent Design System 和 Windows 而构建的。 它允许浏览、下载和播放特定视频播客，包括一些 Windows 技术爱好者内容的示例。 它还具有墨迹注释、书签和远程播放的功能。 此示例最初是在 2017 Build 大会的借助 Fluent 设计构建精彩应用演讲期间展示的。
下载 BuildCast 示例
在 GitHub 上查看 BuildCast 示例

Lunch Scheduler
一个用于安排与朋友和同事午餐的时间的 Windows 应用示例。 创建午餐安排，邀请好友前往相关餐厅，然后应用会帮助实现各相关方的午餐管理。 此应用将 Fluent Design 系统的元素纳入 Windows 应用中，包括亚克力、展示和连贯动画。
下载 Lunch Scheduler 示例
在 GitHub 上查看 Lunch Scheduler 示例

想要更多代码？

查看 Windows 示例页以获取所有 Windows 应用示例的完整列表。 转到示例门户