Kits de herramientas de diseño y ejemplos de aplicaciones de Windows

Diseño y descargas relacionadas con la interfaz de usuario para aplicaciones de Fluent Design o Windows. Si necesitas más herramientas como, por ejemplo, Visual Studio, consulta nuestra página de descargas principales.

Kits de herramientas y bibliotecas

Icono del kit de herramientas de FigmaKit de herramientas de Figma
WinUI 3 en WinAppSDK 1.1, octubre de 2022
Descargar

Miniatura de la biblioteca de WinUIWinUI
Controles y otros elementos de la interfaz de usuario para aplicaciones de Windows.
Instrucciones de instalación

Miniatura de Comunidad WindowsKit de herramientas de Comunidad Windows
Funciones auxiliares, controles personalizados y servicios de aplicaciones.
Instrucciones de instalación

Miniatura de Template StudioTemplate Studio
Aplica rápidamente la técnica scaffolding a las aplicaciones mediante una interfaz de usuario basada en asistente.
Instrucciones de instalación

Obtenga las aplicaciones de WinUI Gallery de Microsoft Store para ver en acción los controles de XAML y Fluent Design System. Las aplicaciones WinUI 3 Gallery y WinUI 2 Gallery incluyen ejemplos interactivos de la mayoría de los controles, características y funcionalidades de WinUI 3 y WinUI 2. Las aplicaciones son un asistente interactivo para este sitio web. Una vez instaladas, puede usar los vínculos de las páginas de control individuales para iniciar la aplicación y ver el control en acción.

  • Obtenga WinUI 3 Gallery y WinUI 2 Gallery en Microsoft Store.
  • Obtenga el código fuente de ambas desde GitHub (use la bifurcación principal para WinUI 3 y la bifurcación winui2 para WinUI 2).

Fuentes

Herramientas

Descargar el generador de ventanas iconos

Generador de iconos para Adobe Photoshop Este conjunto de acciones de Adobe Photoshop genera los 68 activos de iconos recomendados a partir de solo 7 archivos.
Descargar el generador de ventanas iconos

Ejemplos

Imagen del Editor de temas XAML de FluentEditor de temas XAML de Fluent
El Editor de temas XAML Fluent es una herramienta que ayuda a demostrar la flexibilidad de Fluent Design System, así como a respaldar el proceso de desarrollo de aplicaciones mediante la generación de marcado XAML para nuestro marco ResourceDictionary usado en aplicaciones de Windows. Descargar el ejemplo de la herramienta
Consultar la herramienta en GitHub

Imagen VanArsdelVanArsdel
La aplicación de ejemplo de Windows de un extremo a otro de Van Arsdel, Ltd. se ha diseñado para presentar la próxima ola de Microsoft Fluent Design System. Se basa en gran medida en la densidad mejorada y los nuevos controles de WinUI, así como en las poderosas características subyacentes del marco y la composición de la experiencia de usuario. En el ejemplo se muestra cómo puede crear una experiencia rica y productiva para administrar y comprar dispositivos IoT (en este caso, bombillas).
Descargar el ejemplo de VanArsdel
Consultar el ejemplo de VanArsdel en GitHub

imagen de build castBuildCast
BuildCast es un ejemplo de un extremo a otro creado para presentar Fluent Design System y Windows. Permite explorar, descargar y reproducir una selección de podcasts de vídeo, incluidas algunas aportaciones de entusiastas de la tecnología de Windows. También incluye notas manuscritas, marcadores y reproducción remota. Este ejemplo se presentó inicialmente en la conferencia de Build de 2017 durante la ponencia sobre cómo crear aplicaciones increíbles con Fluent Design.
Descargar el ejemplo de BuildCast
Echa un vistazo al ejemplo de BuildCast en GitHub

Lunch SchedulerLunch Scheduler
Ejemplo de aplicación de Windows que programa comidas con amigos y compañeros de trabajo. Crea una salida para comer, invita a amigos a un restaurante de interés y la aplicación se encarga de la administración de la comida para todas las partes implicadas. Esta aplicación incorpora elementos de Fluent Design System en una aplicación de Windows, como animaciones acrílicas, de revelación y conectadas.
Descargar el ejemplo Lunch Scheduler
Echa un vistazo al ejemplo Lunch Scheduler en GitHub

¿Quieres ver más código?

Consulta la página de ejemplo de Windows para obtener una lista completa de todas las aplicaciones de Windows de ejemplo. Ir al portal de muestras