Resources
Use Material tools, downloads, and interactive projects to simplify your workflow
Tools
Material Icons
Explore and download Material icons in five styles and a range of sizes on Google Fonts
Google Fonts
Access an interactive directory of hundreds of beautiful digital fonts
Color Palette Creator
Generate usable, beautiful tonal color palettes to use in your Material color scheme
Type Scale Creator
Create and customize a Material type scale using fonts from Google Fonts
Shape Customization Tool
Create custom shape styles to apply consistently at different components sizes
Design Resources
These downloads are available under Apache 2.0 or CC-BY 4.0. By downloading these files, you agree to the Google Terms of Service. The Google Privacy Policy describes how data is handled in this service.
Adobe XD Design Kit
Download includes separate files for light and dark theme Material components and styles
Figma Baseline Design Kit
Light theme components and styles. Customize and save as a Figma library for easy re-use
Sketch Design Kit
Light and dark theme components provided in the same file
Figma Dark Theme Design Kit
Dark theme components and styles
After Effects Motion Design Kit
Tutorial & resources for creating Material transitions
Illustrator Icon Design Templates
Templates for designing Material product & system icons
Sketch App Prototype
Retail app flow prototype using Material study Shrine
Product Design Sounds
Audio files for common app use cases
Web
Web Theming Examples
Explore ways of customizing Material with examples of themed apps and components
Starter Kit for MDC-Web
Basic and lightweight starter kits for using Material Components on Web
Web App Examples
Example apps built using the MDC-Web library customized with Material Theming
Page Design Templates
Templates for a portfolio website, login page, and more built using Material components
Tutorials & Videos
Material Codelabs
Step-by-step lessons for using Material components and theming for your development platform and language of choice
Material Live Highlights
Essential tips and design advice from past livestream events featuring Material advocates
Material Moments
Hands-on video tutorials for topics such as navigation and the Material Wordpress plugin
Design an Adaptive Layout
Learn how to use Material Design's new adaptive design principles to design for large screens.
More design guidelines from Google
Guidance and best practices on designing user interfaces for platforms including Android Auto, Cardboard, and Android TV.
Actions on Google
Follow these conversation design guidelines for creating actions for the Google Assistant
Android Auto
Design a simple Android interface for cars that helps minimize distraction so drivers can focus on the road
Android TV
Create immersive and high-resolution TV interfaces that put movies, games, and shows front and center
Cardboard VR
Craft great UI for virtual reality – tailored to experiences on the Google Cardboard Viewer
Wear OS by Google
Design a simple interface on the watch to help people live healthy, productive and present lives