Merancang toolkit dan sampel untuk aplikasi Windows

Desain dan unduhan terkait UI untuk aplikasi Fluent Design/Windows. Untuk alat tambahan, seperti Visual Studio, lihat halaman unduhan utama kami.

Toolkit dan pustaka

Figma Toolkit
WinUI 3 di WinAppSDK 1.1, Oktober 2022
Mengunduh

Pustaka UI Windows
Kontrol dan elemen UI lainnya untuk aplikasi Windows.
Instruksi penginstalan

Toolkit Komunitas Windows
Fungsi pembantu, kontrol kustom, dan layanan aplikasi.
Instruksi penginstalan

Studio Templat
Aplikasi perancah dengan cepat menggunakan UI berbasis wizard.
Instruksi penginstalan

Galeri WinUI

Dapatkan aplikasi Galeri WinUI dari Microsoft Store untuk melihat kontrol XAML dan Sistem Fluent Design beraksi. Aplikasi Galeri WinUI 3 dan Galeri WinUI 2 mencakup contoh interaktif sebagian besar kontrol, fitur, dan fungsi WinUI 3 dan WinUI 2. Aplikasi adalah pendamping interaktif untuk situs web ini. Setelah menginstalnya, Anda dapat menggunakan tautan di halaman kontrol individual untuk meluncurkan aplikasi dan melihat kontrol dalam tindakan.

• Dapatkan Galeri WinUI 3 dan Galeri WinUI 2 dari Microsoft Store.
• Dapatkan kode sumber untuk keduanya dari GitHub (gunakan cabang utama untuk WinUI 3 dan cabang winui2 untuk WinUI 2).

Font

• Variabel UI Segoe
• Ikon Fasih Segoe
• Segoe UI
• Segoe MDL2
• Font ikon Hololens (hanya Windows)

Alat

Generator petak peta dan ikon untuk Adobe Photoshop Kumpulan tindakan untuk Adobe Photoshop ini menghasilkan 68 aset petak peta dan ikon yang direkomendasikan hanya dari 7 file.
Unduh petak peta dan generator ikon

Sampel

Editor Tema XAML Yang Fasih
Editor Tema Fluent XAML adalah alat yang membantu menunjukkan fleksibilitas Sistem Fluent Design serta mendukung proses pengembangan aplikasi dengan menghasilkan markup XAML untuk kerangka kerja ResourceDictionary kami yang digunakan dalam aplikasi Windows. Mengunduh sampel alat
Lihat alat di GitHub

VanArsdel
Aplikasi sampel Windows end-to-end Van Arsdel, Ltd. dibangun untuk menampilkan gelombang microsoft Sistem Fluent Design berikutnya. Ini membuat penggunaan ekstensif dari kepadatan yang ditingkatkan dan kontrol baru di Pustaka Windows UI serta fitur mendasar yang kuat dari kerangka kerja dan komposisi UX. Sampel menunjukkan bagaimana Anda dapat membangun pengalaman yang kaya dan produktif untuk mengelola dan membeli perangkat IoT (dalam hal ini, lampu).
Unduh sampel VanArsdel
Lihat sampel VanArsdel di GitHub

BuildCast
BuildCast adalah sampel end-to-end yang dibuat untuk menampilkan Sistem Fluent Design dan Windows. Ini memungkinkan penjelajahan, pengunduhan, dan pemutaran podcast video tertentu, termasuk beberapa umpan penggemar teknologi Windows. Ini juga dilengkapi dengan catatan tinta, marka buku, dan pemutaran jarak jauh. Sampel ini awalnya ditampilkan di konferensi Build 2017 selama pembicaraan Build Amazing Apps with Fluent Design.
Mengunduh sampel BuildCast
Lihat sampel BuildCast di GitHub

Penjadwal Makan Siang
Sampel aplikasi Windows yang menjadwalkan makan siang dengan teman dan rekan kerja Anda. Anda membuat makan siang, mengundang teman ke restoran yang menarik, dan aplikasi mengurus manajemen makan siang untuk semua pihak yang terlibat. Aplikasi ini menggabungkan elemen Sistem Fluent Design di aplikasi Windows, termasuk akrilik, mengungkapkan, dan menyambungkan animasi.
Unduh sampel Penjadwal Makan Siang
Lihat sampel Penjadwal Makan Siang di GitHub

Ingin kode lainnya?

Lihat halaman sampel Windows untuk daftar lengkap semua sampel aplikasi Windows kami. Buka portal sampel