Read in English

Design Windows apps

Create Windows app experiences that are clear, accessible, responsive, and consistent with Fluent Design.

Start designing

Establish your design direction, explore the Windows guidelines, and include accessibility from the beginning.

Apply Windows design principles
Use the principles that shape how Windows apps should look, feel, and behave.
Explore the design guidelines
Find guidance for color, commanding, layout, materials, motion, navigation, typography, and usability.
Design accessible experiences
Plan for keyboard access, assistive technologies, adaptable visuals, and inclusive interaction patterns.

Work through the visual, structural, and interaction decisions that shape a Windows app.

Plan layout and navigation

Structure your app, adapt it to different window sizes, and help people move between pages and features.
Define color, materials, and typography

Build a coherent visual system by applying Windows color, material, elevation, and type guidance.
Create app icons

Choose Windows iconography and create app assets that remain clear across sizes, themes, and surfaces.
Design motion and interaction

Use motion, haptics, and commanding patterns to communicate changes and support direct interaction.
Design for usability and inclusion

Make your app understandable and adaptable across abilities, languages, input methods, and preferences.
Use design tools and resources

Use Windows design kits, fonts, icons, templates, and related resources when creating and prototyping your app.
- Design tools and resources

Move between onboarding, development, deployment, and publishing while you refine your app design.