Kits de herramientas de diseño y ejemplos de aplicaciones de Windows
En este tema se proporciona una variedad de recursos relacionados con el diseño y la interfaz de usuario para crear aplicaciones de Windows visualmente atractivas y fáciles de usar. Para obtener más descargas, incluidas las herramientas de desarrollo como Visual Studio, consulte Descargas y herramientas para el desarrollo de Windows.
Kits de herramientas y bibliotecas
Icono de Figma Toolkit 
Icono de WinUI 
Kit de herramientas de Figma
Kit de diseño de Windows, noviembre de 2024
Abrir el kit de herramientas
WinUI
Controles y otros elementos de la interfaz de usuario para aplicaciones de Windows.
Instrucciones de instalación
Kit de herramientas de la Comunidad Windows
Funciones auxiliares, controles personalizados y servicios de aplicaciones.
Instrucciones de instalación
Template Studio
Acelere la creación de nuevas aplicaciones WinUI, WPF y UWP mediante una experiencia basada en asistentes.
Instrucciones de instalación
Aplicación de la galería de WinUI
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
El sistema de tipos de Windows te ayuda a crear estructura y jerarquía en tu contenido para maximizar la legibilidad y la facilidad de lectura en la interfaz de usuario (para obtener más información, consulta la familia tipográfica Segoe UI).
Se recomiendan las siguientes fuentes:
- Variable de interfaz de usuario de Segoe (consulte Tipografía en Windows)
- Iconos de Segoe Fluent (consulte Fuente de iconos de Segoe Fluent)
- Segoe UI
- Segoe MDL2 (consulte Iconos de recursos de Segoe MDL2)
Herramientas
Puede usar el generador de azulejos e iconos junto con las acciones de Adobe Photoshop para generar los 68 recursos de azulejos e iconos recomendados partiendo de solo 7 archivos (consulte la demostración del generador de azulejos e iconos ).
Descargar las acciones del generador de mosaicos e iconos
Ejemplos
Los ejemplos siguientes incluyen una variedad de interfaces visualmente atractivas y fáciles de usar.
Editor 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
VanArsdel
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 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
BuildCast
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
Programador de almuerzos
Ejemplo de aplicación de Windows que programa comidas con amigos y compañeros de trabajo. Creas una reserva de almuerzos, invita a amigos a un restaurante de interés y la aplicación se encarga de la gestión del almuerzo para todos. Esta aplicación incorpora elementos de Fluent Design System en una aplicación para UWP, incluidas 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?
Consulte la página de ejemplo de Windows para obtener una lista completa de todos nuestros ejemplos de aplicaciones de Windows.
