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 de diseño
Estos kits de herramientas proporcionan controles y plantillas de diseño para crear aplicaciones de Windows.
Kit de herramientas de Figma
WinUI 2.6, junio de 2021
Descargar
Bibliotecas y kits de herramientas para desarrolladores
ui library
Controles y otros elementos de la interfaz de usuario para aplicaciones de Windows.
Instrucciones de instalación
Windows Community Toolkit
Funciones auxiliares, controles personalizados y servicios de aplicaciones.
Instrucciones de instalación
Windows Template Studio
Usa una interfaz de usuario basada en asistentes para aplicar la técnica scaffolding rápidamente a una aplicación para UWP.
Descargar
Fuentes
- Variables de Segoe UI
- Iconos de Segoe Fluent
- Segoe UI
- Segoe MDL2
- Fuente de icono Hololens (solo Windows)
Herramientas
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
editor de temasXAML
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 Microsoft Fluent Design System. Se basa en gran medida en la densidad mejorada y los nuevos controles de la biblioteca de interfaz de usuario de Windows, 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, incluida una muestra de los más populares de Channel 9 y algunas aportaciones de entusiastas de la tecnología 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
del programador de comidas
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
XAML Controls Gallery
En este ejemplo se proporciona una demostración interactiva de todos los controles de XAML. Se muestra una variedad de diseños, de básico a adaptable, y el marcado que puedes copiar en tu propio proyecto.
Descargar el ejemplo XAML Controls Gallery
Echa un vistazo al ejemplo XAML Controls Gallery en GitHub
Descargar la aplicación XAML Controls Gallery desde Store
¿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