![](http://developer.android.com/static/images/design/ui/mobile/hero-full-v3.png)  

### Design for mobile

Create your app design using Android themes and components. Leverage Android's unique design patterns and offerings to create a beautiful, usable, modern app.  
[Go to design foundations](http://developer.android.com/design/ui/mobile/guides/foundations/system-bars)

## Get started

[![](http://developer.android.com/static/images/design/ui/wear/surfaces.svg)](http://developer.android.com/design/ui/mobile/guides/foundations/system-bars)  
Guides

### [Foundations](http://developer.android.com/design/ui/mobile/guides/foundations/system-bars)

Fundamental concepts and principles of Android design.  
[See guidance](http://developer.android.com/design/ui/mobile/guides/foundations/system-bars)  
[![](http://developer.android.com/static/images/design/ui/mobile/get-started-styles.svg)](http://developer.android.com/design/ui/mobile/guides/styles/themes)  
Guides

### [Styles](http://developer.android.com/design/ui/mobile/guides/styles/themes)

How to create beautiful visual design with color, type, motion, and theming for your app.  
[See guidance](http://developer.android.com/design/ui/mobile/guides/styles/themes)  
[![](http://developer.android.com/static/images/design/ui/mobile/get-started-layout-content.svg)](http://developer.android.com/design/ui/mobile/guides/layout-and-content/layout-basics)  
Guides

### [Layout \& content](http://developer.android.com/design/ui/mobile/guides/layout-and-content/layout-basics)

How content should be structured within an app---from basics of adaptive layouts and grids to displaying graphics, and modern Android features, like edge-to-edge content.  
[See guidance](http://developer.android.com/design/ui/mobile/guides/layout-and-content/layout-basics)  
[![](http://developer.android.com/static/images/design/ui/mobile/get-started-patterns.svg)](http://developer.android.com/design/ui/mobile/guides/patterns/predictive-back)  
Guides

### [Behaviors \& patterns](http://developer.android.com/design/ui/mobile/guides/patterns/predictive-back)

Interaction patterns that help your users understand, interact with, and control their experience in your app. Common behavior patterns include navigation, sharing, predictive back, and settings.  
[See guidance](http://developer.android.com/design/ui/mobile/guides/patterns/predictive-back)  
[![](http://developer.android.com/static/images/design/ui/mobile/get-started-components.svg)](http://developer.android.com/design/ui/mobile/guides/components/material-overview)  
Guides

### [Components](http://developer.android.com/design/ui/mobile/guides/components/material-overview)

Leverage small, reusable, interactive, UI building blocks. Learn more about using Material Design components.  
[See guidance](http://developer.android.com/design/ui/mobile/guides/components/material-overview)  
[![](http://developer.android.com/static/images/design/ui/mobile/get-started-home-screen.svg)](http://developer.android.com/design/ui/mobile/guides/home-screen/notifications)  
Guides

### [Home screen](http://developer.android.com/design/ui/mobile/guides/home-screen/notifications)

Extend your app to create unique experiences across the device by using system UI features like app widgets and notifications.  
[See guidance](http://developer.android.com/design/ui/mobile/guides/home-screen/notifications)  
[![](http://developer.android.com/static/images/design/ui/mobile/get-started-glossary.svg)](http://developer.android.com/design/ui/mobile/guides/foundations/glossary)  
Guides

### [Glossary](http://developer.android.com/design/ui/mobile/guides/foundations/glossary)

Understand common Android terminology.  
[See guidance](http://developer.android.com/design/ui/mobile/guides/foundations/glossary)  
[![](http://developer.android.com/static/images/design/ui/mobile/get-started-accessibility.svg)](http://developer.android.com/design/ui/mobile/guides/foundations/accessibility)  
Guides

### [Accessibility](http://developer.android.com/design/ui/mobile/guides/foundations/accessibility)

Benefit everyone by designing in accessibility support to help 15% of the world's population communicate, learn, and work.  
[See guidance](http://developer.android.com/design/ui/mobile/guides/foundations/accessibility)[![](http://developer.android.com/static/images/design/ui/large-screens/get-inspired-ls.jpg)](http://developer.android.com/large-screens/gallery)  
Gallery

### [Tour the Android design gallery](http://developer.android.com/large-screens/gallery)

Explore inspiring, optimized designs for all screen sizes and devices. Browse UI/UX templates for popular app categories, including media, creativity, games, and more.  
[View the gallery](http://developer.android.com/large-screens/gallery)

## Explore our kits

Explore our other Figma-based library kits, plugins, and the Material theme builder. Start building your Android app with modern themes, tools and user-generated dynamic color, or check out our[Wear OS kits](https://developer.android.com/design/ui/wear#explore-our-kits)and[TV kits](https://developer.android.com/design/ui/tv#explore-our-kits)to build for other devices.[![](http://developer.android.com/static/images/design/ui/mobile/kits-android-ui.png)](https://goo.gle/android-ui-kit)  

### [Android UI kit](https://goo.gle/android-ui-kit)

Get started designing for Android faster and easier with an introductory guide, styles, components, and system templates.  
[Go to Android UI kit](https://goo.gle/android-ui-kit)  
[![](http://developer.android.com/static/images/design/ui/mobile/androidDesign_Card.png)](https://www.figma.com/@androiddesign)  

### [Android Design community](https://www.figma.com/@androiddesign)

Explore the Android Design Figma community page with the latest templates, labs, and kits.  
[Go to Android Figma community](https://www.figma.com/@androiddesign)  
[![](http://developer.android.com/static/images/design/ui/mobile/kits-theme-builder.png)](https://m3.material.io/theme-builder#/dynamic)  

### [Theme builder](https://m3.material.io/theme-builder#/dynamic)

Use the web-based Material theme builder to design your next Android app.  
[Go to the theme builder](https://m3.material.io/theme-builder#/dynamic)  

### [Use window size classes](https://developer.android.com/develop/ui/compose/layouts/adaptive/window-size-classes)

Use compact, medium, and expanded window size classes to support different form factors for an optimal user experience.  
[Discover more about window size classes](https://developer.android.com/develop/ui/compose/layouts/adaptive/window-size-classes)

## Use a proven design system

[![](http://developer.android.com/static/images/design/ui/mobile/material-design-3.png)](https://m3.material.io)  

### [Try Material Design 3](https://m3.material.io)

Material Design 3 is an open source, adaptable system of guidelines, components, and tools that support the best practices of user interface design.  
[Go to the Material Design website](https://m3.material.io)

## Develop for mobile

[![](http://developer.android.com/static/images/design/ui/mobile/guides-developer.png)](http://developer.android.com/guide)  

### [Developer guides](http://developer.android.com/guide)

Use our developer guides and reference to build your app design.  
[See the developer guides](http://developer.android.com/guide)  
[![](http://developer.android.com/static/images/design/ui/mobile/guides-quality.png)](http://developer.android.com/docs/quality-guidelines/core-app-quality)  

### [Quality guides](http://developer.android.com/docs/quality-guidelines/core-app-quality)

Lay out your designs by following Android best practices.  
[See the quality guides](http://developer.android.com/docs/quality-guidelines/core-app-quality)