Windows 앱용 디자인 도구 키트 및 샘플Design toolkits and samples for Windows apps

디자인 기본 사항

Fluent 디자인/Windows 앱용 디자인 및 UI 관련 다운로드를 제공합니다.Design and UI-related downloads for Fluent Design/Windows apps. Visual Studio 같은 추가 도구는 Microsoft 기본 다운로드 페이지를 참조하세요.For additional tools, such as Visual Studio, see our main downloads page.

디자인 도구 키트Design toolkits

이러한 도구 키트는 Windows 앱 디자인을 위한 레이아웃 템플릿을 제공합니다.These toolkits provide controls and layout templates for designing Windows apps.

Figma 도구 키트Figma toolkit
WinUI 2.4, 2020년 5월WinUI 2.4, May 2020
다운로드Download

Sketch 도구 키트Sketch toolkit
v1810, 2018년 10월v1810, October 2018
다운로드Download

Adobe XD 도구 키트Adobe XD toolkit
v1901, 2019년 1월v1901, January 2019
다운로드Download

개발자 도구 키트 및 라이브러리Developer toolkits and libraries

WinUI 라이브러리 미리 보기 Windows UI 라이브러리WinUI library thumbnail Windows UI Library
Windows 앱에 대한 컨트롤 및 기타 UI 요소.Controls and other UI elements for Windows apps.
설치 지침Installation instructions

Windows 커뮤니티 미리 보기 Windows 커뮤니티 도구 키트Windows community thumbnail Windows Community Toolkit
도우미 함수, 사용자 지정 컨트롤 및 앱 서비스.Helper functions, custom controls, and app services.
설치 지침Installation instructions

Windows Template Studio 썸네일 Windows Template StudioWindows Template Studio thumbnail Windows Template Studio
마법사 기반 UI를 사용하여 UWP 앱을 신속하게 스캐폴드합니다.Quickly scaffold a UWP app using a wizard-based UI.
다운로드Download

FontsFonts

도구Tools

Download the tile and icon generator

Adobe Photoshop용 타일 및 아이콘 생성기 이 Adobe Photoshop용 작업 세트는 단 7개의 파일로 68개의 권장 타일 및 아이콘 자산을 생성합니다.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.
타일 및 아이콘 생성기 다운로드Download the tile and icon generator

샘플Samples

Fluent XAML 테마 편집기 이미지 Fluent XAML 테마 편집기Fluent XAML Theme Editor image Fluent XAML Theme Editor
Fluent XAML 테마 편집기는 Fluent Design System의 유연성을 시연할 수 있을 뿐 아니라 Windows 애플리케이션에 사용되는 ResourceDictionary 프레임워크의 XAML 태그를 생성하여 앱 개발 프로세스를 지원하는 도구입니다.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. 도구 샘플 다운로드Download the tool sample
GitHub에서 도구 확인Check out the tool on GitHub

VanArsdel 이미지 VanArsdelVanArsdel image VanArsdel
Van Arsdel, Ltd. 엔드투엔드 Windows 샘플 앱은 차세대 Microsoft Fluent Design System을 보여주기 위해 빌드되었습니다.The Van Arsdel, Ltd. end-to-end Windows sample app was built to showcase the next wave of the Microsoft Fluent Design System. 이 샘플 앱은 Windows UI 라이브러리의 향상된 밀도와 새 컨트롤뿐 아니라 ux 프레임워크 및 컴퍼지션의 강력한 기본 기능을 광범위하게 사용합니다.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. 이 샘플은 IoT 디바이스(이 예제에서는 램프)를 관리하고 구매하는 풍부하고 생산적인 환경을 구축하는 방법을 보여줍니다.The sample shows how you can build a rich, productive experience for managing and purchasing IoT devices (in this case, lamps).
VanArsdel 샘플 다운로드Download the VanArsdel sample
GitHub에서 VanArsdel 샘플 확인Check out the VanArsdel sample on GitHub

BuildCast 이미지 BuildCastbuild cast image BuildCast
BuildCast는 Fluent Design System 및 Windows를 보여주기 위해 빌드된 엔드투엔드 샘플입니다.BuildCast is an end-to-end sample built to showcase the Fluent Design System and Windows. Channel 9 및 일부 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. 또한 잉크 메모, 책갈피 및 원격 재생을 제공합니다.It also features ink notes, bookmarks, and remote playback. 이 샘플은 Fluent 디자인으로 멋진 앱 만들기 간담회의 2017 빌드 회의에서 처음 소개되었습니다.This sample was initially shown at the 2017 Build conference during the Build Amazing Apps with Fluent Design talk.
BuildCast 샘플 다운로드Download the BuildCast sample
GitHub에서 BuildCast 샘플 확인Check out the BuildCast sample on GitHub

점심 식사 스케줄러 점심 스케줄러Lunch Scheduler Lunch Scheduler
친구 및 직장 동료와 점심 식사를 예약하기 위한 Windows 앱 샘플입니다.A Windows app sample that schedules lunches with your friends and coworkers. 점심 식사 일정을 만들고 원하는 식당으로 친구를 초대하면 앱이 모든 관련 당사자의 점심 식사 관리를 알아서 처리합니다.You create a lunch, invite friends to a restaurant of interest, and the app takes care of the lunch management for all involved parties. 이 앱은 아크릴, 표시, 연결된 애니메이션을 포함한 Fluent Design System 요소를 Windows 앱에 통합합니다.This app incorporates elements of the Fluent Design System in a Windows app, including acrylic, reveal, and connected animations.
점심 식사 스케줄러 샘플 다운로드Download the Lunch Scheduler sample
GitHub에서 점심 식사 스케줄러 샘플 확인Check out the Lunch Scheduler sample on GitHub

Xaml 컨트롤 갤러리 XAML 컨트롤 갤러리Xaml controls gallery XAML Controls Gallery
이 샘플은 모든 XAML 컨트롤의 대화형 데모를 제공합니다.This sample provides an interactive demo of all of the XAML controls. 기본형에서 적응형까지 다양한 레이아웃을 보여주며, 사용자의 프로젝트에 복사할 수 있는 태그를 표시합니다.It shows a variety of layouts from basic to adaptive, and displays markup that you can copy into your own project. 참고: 다운로드 파일 및 GitHub 리포지토리는 현재 이 샘플 앱을 "UI 기본(XAML)"으로 참조합니다.Note: The download file and the GitHub repository currently refer to this sample app as "UI Basics (XAML)."
XAML 컨트롤 갤러리 샘플 다운로드Download the XAML Controls Gallery sample
GitHub에서 XAML 컨트롤 갤러리 샘플 확인Check out the XAML Controls Gallery sample on GitHub
Microsoft Store에서 XAML 컨트롤 갤러리 앱 다운로드Download the XAML Controls Gallery app from the Store

더 많은 코드가 필요하세요?Want more code?

Windows 샘플 페이지에서 모든 Windows 앱 샘플의 전체 목록을 확인하세요.Check out the Windows sample page for complete list of all our Windows app samples. 예제 포털로 이동Go to the samples portal