Windows 앱용 디자인 도구 키트 및 샘플

  • 아티클

Fluent 디자인/Windows 앱용 디자인 및 UI 관련 다운로드를 제공합니다. Visual Studio 같은 추가 도구는 Microsoft 기본 다운로드 페이지를 참조하세요.

도구 키트 및 라이브러리

Figma Toolkit iconFigma 도구 키트
WinUI 3 in WinAppSDK 1.1, 2022년 10월
다운로드

WinUI library thumbnailWindows UI 라이브러리
Windows 앱에 대한 컨트롤 및 기타 UI 요소.
설치 지침

Windows community thumbnailWindows 커뮤니티 도구 키트
도우미 함수, 사용자 지정 컨트롤 및 앱 서비스.
설치 지침

Template Studio thumbnailTemplate Studio
마법사 기반 UI를 사용하여 앱을 신속하게 스캐폴드합니다.
설치 지침

Microsoft Store에서 WinUI 갤러리 앱을 받아서 XAML 컨트롤과 Fluent Design 시스템이 실제로 작동하는 모습을 확인합니다. WinUI 3 갤러리 및 WinUI 2 갤러리 앱에는 대부분의 WinUI 3 및 WinUI 2 컨트롤, 특징, 기능의 대화형 예제가 포함되어 있습니다. 이 앱은 이 웹사이트의 대화형 컴패니언입니다. 이 앱이 설치되면 개별 컨트롤 페이지의 링크를 사용하여 앱을 시작하고 실제로 작동하는 컨트롤을 확인할 수 있습니다.

글꼴

도구

Download the tile and icon generator

Adobe Photoshop용 타일 및 아이콘 생성기 이 Adobe Photoshop용 작업 세트는 단 7개의 파일로 68개의 권장 타일 및 아이콘 자산을 생성합니다.
타일 및 아이콘 생성기 다운로드

샘플

Fluent XAML Theme Editor imageFluent XAML 테마 편집기
Fluent XAML 테마 편집기는 Fluent Design System의 유연성을 시연할 수 있을 뿐 아니라 Windows 애플리케이션에 사용되는 ResourceDictionary 프레임워크의 XAML 태그를 생성하여 앱 개발 프로세스를 지원하는 도구입니다. 도구 샘플 다운로드
GitHub에서 도구 확인

VanArsdel imageVanArsdel
Van Arsdel, Ltd. 엔드투엔드 Windows 샘플 앱은 차세대 Microsoft Fluent Design System을 보여주기 위해 빌드되었습니다. 이 샘플 앱은 Windows UI 라이브러리의 향상된 밀도와 새 컨트롤뿐 아니라 UX 프레임워크 및 컴퍼지션의 강력한 기본 기능을 광범위하게 사용합니다. 이 샘플은 IoT 디바이스(이 예제에서는 램프)를 관리하고 구매하는 풍부하고 생산적인 환경을 구축하는 방법을 보여줍니다.
VanArsdel 샘플 다운로드
GitHub에서 VanArsdel 샘플 확인

build cast imageBuildCast
BuildCast는 Fluent Design System 및 Windows를 보여주기 위해 빌드된 엔드투엔드 샘플입니다. 일부 Windows 기술 매니아 피드를 비롯한 비디오 팟캐스트를 검색하고 다운로드하고 재생할 수 있습니다. 또한 잉크 메모, 책갈피 및 원격 재생을 제공합니다. 이 샘플은 Fluent 디자인으로 멋진 앱 만들기 간담회의 2017 빌드 회의에서 처음 소개되었습니다.
BuildCast 샘플 다운로드
GitHub에서 BuildCast 샘플 확인

Lunch SchedulerLunch Scheduler
친구 및 직장 동료와 점심 식사를 예약하기 위한 Windows 앱 샘플입니다. 점심 식사 일정을 만들고 원하는 식당으로 친구를 초대하면 앱이 모든 관련 당사자의 점심 식사 관리를 알아서 처리합니다. 이 앱은 아크릴, 표시, 연결된 애니메이션을 포함한 Fluent Design System 요소를 Windows 앱에 통합합니다.
점심 식사 스케줄러 샘플 다운로드
GitHub에서 점심 식사 스케줄러 샘플 확인

더 많은 코드가 필요하세요?

Windows 샘플 페이지에서 모든 Windows 앱 샘플의 전체 목록을 확인하세요. 예제 포털로 이동