Strumenti ed esempi di progettazione per le app di WindowsDesign toolkits and samples for Windows apps

Nozioni di base sulla progettazione

Download relativi alla progettazione e all'interfaccia utente per app Fluent Design/Windows.Design and UI-related downloads for Fluent Design/Windows apps. Per altri strumenti, come Visual Studio, visita la nostra pagina principale dei download.For additional tools, such as Visual Studio, see our main downloads page.

Toolkit di progettazioneDesign toolkits

Questi toolkit forniscono i controlli e i modelli di layout per la progettazione di app di Windows.These toolkits provide controls and layout templates for designing Windows apps.

Toolkit FigmaFigma toolkit
WinUI 2.4, maggio 2020WinUI 2.4, May 2020
DownloadDownload

Toolkit SketchSketch toolkit
versione 1810, ottobre 2018v1810, October 2018
DownloadDownload

Toolkit Adobe XDAdobe XD toolkit
versione 1901, gennaio 2019v1901, January 2019
DownloadDownload

Toolkit e librerie per sviluppatoriDeveloper toolkits and libraries

anteprima della libreria dell'interfaccia utente di Windows Libreria dell'interfaccia utente di WindowsWinUI library thumbnail Windows UI Library
Controlli e altri elementi dell'interfaccia utente per le app di Windows.Controls and other UI elements for Windows apps.
Istruzioni per l'installazioneInstallation instructions

anteprima della community Windows Windows Community ToolkitWindows community thumbnail Windows Community Toolkit
Funzioni helper, controlli personalizzati e servizi app.Helper functions, custom controls, and app services.
Istruzioni per l'installazioneInstallation instructions

Anteprima di Windows Template Studio Windows Template StudioWindows Template Studio thumbnail Windows Template Studio
Esegui lo scaffolding di un'app UWP usando un'interfaccia utente basata su procedura guidata.Quickly scaffold a UWP app using a wizard-based UI.
DownloadDownload

FontsFonts

StrumentiTools

Download the tile and icon generator

Generatore di riquadri e icone per Adobe Photoshop Questo set di azioni per Adobe Photoshop genera i 68 asset consigliati per riquadri e icone da solo 7 file.Tile and icon generator for Adobe Photoshop This set of actions for Adobe Photoshop generates the 68 recommended tile and icon assets from just 7 files.
Scarica il generatore di riquadri e iconeDownload the tile and icon generator

EsempiSamples

Immagine di Editor di Temi Fluent XAML Editor di Temi Fluent XAMLFluent XAML Theme Editor image Fluent XAML Theme Editor
L'editor di Temi Fluent XAML è uno strumento che dimostra la flessibilità del sistema Fluent Design e supporta il processo di sviluppo delle app generando markup XAML per il framework ResourceDictionary usato nelle applicazioni di Windows.The Fluent XAML Theme Editor is a tool that helps demonstrate the flexibility of the Fluent Design System as well as supports the app development process by generating XAML markup for our ResourceDictionary framework used in Windows applications. Scarica l'esempio dello strumentoDownload the tool sample
Scopri lo strumento su GitHubCheck out the tool on GitHub

Immagine di VanArsdel VanArsdelVanArsdel image VanArsdel
L'app di Windows completa di esempio di Van Arsdel, Ltd. è stata creata per illustrare la prossima generazione del sistema di progettazione Microsoft Fluent Design.The Van Arsdel, Ltd. end-to-end Windows sample app was built to showcase the next wave of the Microsoft Fluent Design System. L'app fa ampio uso della densità migliorata e dei nuovi controlli della libreria dell'interfaccia utente di Windows, oltre che delle potenti funzionalità sottostanti del framework e della composizione dell'esperienza utente.It makes extensive use of the improved density and new controls in the Windows UI Library as well as powerful underlying features of the ux framework and composition. L'esempio mostra come creare un'esperienza utente avanzata e produttiva per la gestione e l'acquisto di dispositivi IoT (in questo caso lampade).The sample shows how you can build a rich, productive experience for managing and purchasing IoT devices (in this case, lamps).
Scarica l'app di esempio VanArsdelDownload the VanArsdel sample
Scopri l'app di esempio VanArsdel su GitHubCheck out the VanArsdel sample on GitHub

Immagine di BuildCast BuildCastbuild cast image BuildCast
BuildCast è un esempio completo creato per illustrare il sistema di progettazione Fluent Design e la piattaforma Windows.BuildCast is an end-to-end sample built to showcase the Fluent Design System and Windows. Consente di esplorare, scaricare e riprodurre podcast video selezionati, tra cui un campionamento dei più popolari di Channel 9 e alcuni feed di appassionati di tecnologia Windows.It permits browsing, downloading, and playback of select video podcasts, including a sampling of the most popular ones from Channel 9 and some Windows tech enthusiast feeds. Offre inoltre note input penna, segnalibri e riproduzione remota.It also features ink notes, bookmarks, and remote playback. Questo esempio è stato presentato per la prima volta alla conferenza Build 2017 durante l'intervento sulla compilazione di app eccellenti con il sistema di progettazione Fluent Design.This sample was initially shown at the 2017 Build conference during the Build Amazing Apps with Fluent Design talk.
Scarica l'esempio BuildCastDownload the BuildCast sample
Scopri l'esempio BuildCast su GitHubCheck out the BuildCast sample on GitHub

Lunch Scheduler Lunch SchedulerLunch Scheduler Lunch Scheduler
Esempio di app di Windows per la pianificazione del pranzo con amici e colleghi.A Windows app sample that schedules lunches with your friends and coworkers. Crea un pranzo, invita gli amici a un ristorante che ti piace e l'app si occupa della gestione di tutte le parti interessate al pranzo.You create a lunch, invite friends to a restaurant of interest, and the app takes care of the lunch management for all involved parties. Questa app incorpora elementi del sistema di progettazione Fluent Design in un'app di Windows, incluse le animazioni connesse, la rivelazione e l'acrilico.This app incorporates elements of the Fluent Design System in a Windows app, including acrylic, reveal, and connected animations.
Scarica l'esempio Lunch SchedulerDownload the Lunch Scheduler sample
Scopri l'esempio Lunch Scheduler su GitHubCheck out the Lunch Scheduler sample on GitHub

Raccolta di controlli XAML Raccolta di controlli XAMLXaml controls gallery XAML Controls Gallery
Questo esempio fornisce una demo interattiva di tutti i controlli XAML.This sample provides an interactive demo of all of the XAML controls. Mostra un'ampia gamma di layout, da quello di base all'adattivo, e visualizza il markup che puoi copiare nel tuo progetto.It shows a variety of layouts from basic to adaptive, and displays markup that you can copy into your own project. Nota: il file di download e il repository GitHub attualmente fanno riferimento a questa app di esempio come "Nozioni di base dell'interfaccia utente (XAML)".Note: The download file and the GitHub repository currently refer to this sample app as "UI Basics (XAML)."
Scarica l'esempio Raccolta di controlli XAMLDownload the XAML Controls Gallery sample
Scopri l'esempio Raccolta di controlli XAML su GitHubCheck out the XAML Controls Gallery sample on GitHub
Scarica l'app Raccolta di controlli XAML dallo StoreDownload the XAML Controls Gallery app from the Store

Ti serve altro codice?Want more code?

Per un elenco completo di tutti gli esempi di app di Windows, vedi la pagina degli esempi di Windows.Check out the Windows sample page for complete list of all our Windows app samples. Vai al portale degli esempiGo to the samples portal