![](http://android.devsite.corp.google.com/static/images/design/ui/mobile/hero-full-v2.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://android.devsite.corp.google.com/design/ui/mobile/guides/foundations/system-bars)

## Get started

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

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

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

### [Styles](http://android.devsite.corp.google.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://android.devsite.corp.google.com/design/ui/mobile/guides/styles/themes)  
[![](http://android.devsite.corp.google.com/static/images/design/ui/mobile/get-started-layout-content.svg)](http://android.devsite.corp.google.com/design/ui/mobile/guides/layout-and-content/layout-basics)  
Guides

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

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

### [Behaviors \& patterns](http://android.devsite.corp.google.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://android.devsite.corp.google.com/design/ui/mobile/guides/patterns/predictive-back)  
[![](http://android.devsite.corp.google.com/static/images/design/ui/mobile/get-started-components.svg)](http://android.devsite.corp.google.com/design/ui/mobile/guides/components/material-overview)  
Guides

### [Components](http://android.devsite.corp.google.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://android.devsite.corp.google.com/design/ui/mobile/guides/components/material-overview)  
[![](http://android.devsite.corp.google.com/static/images/design/ui/mobile/get-started-home-screen.svg)](http://android.devsite.corp.google.com/design/ui/mobile/guides/home-screen/notifications)  
Guides

### [Home screen](http://android.devsite.corp.google.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://android.devsite.corp.google.com/design/ui/mobile/guides/home-screen/notifications)  
[![](http://android.devsite.corp.google.com/static/images/design/ui/mobile/get-started-glossary.svg)](http://android.devsite.corp.google.com/design/ui/mobile/guides/foundations/glossary)  
Guides

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

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

### [Accessibility](http://android.devsite.corp.google.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://android.devsite.corp.google.com/design/ui/mobile/guides/foundations/accessibility)

## 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://android.devsite.corp.google.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://android.devsite.corp.google.com/static/images/design/ui/mobile/kits-material-design.png)](https://www.figma.com/@materialdesign)  

### [Material Design community](https://www.figma.com/@materialdesign)

Explore the Figma-based Material library and explore case studies and kits.  
[Go to Material Design community](https://www.figma.com/@materialdesign)  
[![](http://android.devsite.corp.google.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 a proven design system

[![](http://android.devsite.corp.google.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://android.devsite.corp.google.com/static/images/design/ui/mobile/guides-developer.png)](http://android.devsite.corp.google.com/guide)  

### [Developer guides](http://android.devsite.corp.google.com/guide)

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

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

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