Projetar kits de ferramentas e amostras para aplicativos do Windows

Downloads relacionados à interface do usuário e design para aplicativos de Fluent Design/Windows. Para ferramentas adicionais, como o Visual Studio, consulte nossa página principal de downloads.

Kits de ferramentas e bibliotecas

Figma Toolkit
WinUI 3 no WinAppSDK 1.1, outubro de 2022
Download

WinUI
Controles e outros elementos de interface do usuário para aplicativos do Windows.
Instruções de instalação

Kit de ferramentas da Comunidade do Windows
Funções auxiliares, controles personalizados e serviços de aplicativos.
Instruções de instalação

Template Studio
Faça rapidamente o scaffold de aplicativos usando uma interface do usuário baseada em assistente.
Instruções de instalação

Galeria da WinUI

Obtenha os aplicativos WinUI Gallery da Microsoft Store para ver controles em XAML e o Sistema Fluent Design em ação. Os aplicativos da Galeria do WinUI 3 e da Galeria do WinUI 2 incluem exemplos interativos da maioria dos controles, recursos e funcionalidade do WinUI 3 e do WinUI 2. Os aplicativos são um complemento interativo para este site. Quando você os tiver instalado, poderá usar os links em páginas de controle individuais para iniciar o aplicativo e ver o controle em ação.

• Obtenha a Galeria do WinUI 3 e a Galeria WinUI 2 da Microsoft Store.
• Obtenha o código-fonte para ambos do GitHub (use o branch main para WinUI 3 e o branch winui2 para WinUI 2).

Fontes

• Variável Segoe UI
• Segoe Fluent Icons
• Interface do Usuário Segoe
• Segoe MDL2
• Fonte de ícone do Hololens (somente para Windows)

Ferramentas

Gerador de bloco e ícone para Adobe Photoshop Esse conjunto de ações para Adobe Photoshop gera os 68 ativos de bloco e ícone recomendados usando apenas 7 arquivos.
Baixe o gerador de bloco e ícone

Amostras

Imagem do Fluent XAML Theme Editor
O Editor de Tema XAML Fluente é uma ferramenta que ajuda a demonstrar a flexibilidade do Sistema de Fluent Design, além de ser compatível com o processo de desenvolvimento de aplicativo gerando marcação XAML para nossa estrutura ResourceDictionary usada em aplicativos do Windows. Baixar o exemplo de ferramenta
Confira a ferramenta no GitHub

VanArsdel
O aplicativo de exemplo do Windows de ponta a ponta Van Arsdel, Ltd. foi criado para demonstrar a próxima onda do Sistema Fluent Design da Microsoft. Ele faz amplo uso da densidade aprimorada e de novos controles na WinUI, bem como os eficazes recursos subjacentes da composição e estrutura de UX. O exemplo mostra como você pode criar uma experiência rica e produtiva para gerenciar e adquirir dispositivos de IoT (neste caso, lâmpadas).
Baixar o exemplo de VanArsdel
Confira o exemplo de VanArsdel no GitHub

BuildCast
O BuildCast é uma amostra de ponta a ponta criada para demonstrar o Sistema Fluent Design e o Windows. Ele permite navegar, baixar e reproduzir podcasts em vídeo selecionados, incluindo alguns feeds populares de entusiastas da tecnologia do Windows. Ele também apresenta anotações à tinta, indicadores e execução remota. Essa amostra foi inicialmente exibida na conferência Build de 2017 durante a palestra Crie aplicativos incríveis com o Design Fluente.
Baixe a amostra do BuildCast
Confira a amostra do BuildCast no GitHub

Lunch Scheduler
Uma amostra de aplicativo do Windows que agenda almoços com amigos e colegas de trabalho. Marque um almoço, convide amigos para um restaurante de interesse e deixe que o aplicativo cuide da organização desse almoço para todas as pessoas envolvidas. Esse aplicativo incorpora elementos do Sistema Fluent Design em um aplicativo do Windows, incluindo acrílico, revelação e animações conectadas.
Baixar a amostra do Agendador de Almoço
Confira a amostra do Agendador de Almoço no GitHub

Quer mais código?

Confira a página de exemplo do Windows para ver uma lista completa de todos as nossas amostras de aplicativos do Windows. Acesse o portal de amostras