Auto-apply colors to all components by selecting primary, secondary, background, and text and icon hues

Check color contrast to meet accessibility requirements

Choose colors from the Material color palette

Use a single color to auto-generate a tonal palette of 10 color values

Auto-populate symbols with global color changes

Choose your shape and corner style

Select from curved or cut corner styles and auto-apply changes to your Material components

Play with symmetric and asymmetric shapes in components across the Material library – while remaining within the Material Design guidelines

Add up to 3 typefaces to your theme

Automatically resize and optimize your fonts for readability, based on Material typography guidance

Access popular Google fonts, including: Roboto, Raleway, Alegreya, Merriweather, Rubik, Oswald, and more

Express your brand through stylized system icons — available in five themes and a range of formats, sizes, and densities

Choose from filled, rounded, sharp, outlined, and two-tone icon themes

Get started by downloading and installing the Material Plugin (requires macOS High Sierra 10.13 or later)

The plugin provides access to the Material component library, Material Theme Editor (available for Sketch), and the ability to upload artboards directly to Gallery

In Gallery, designs created with the Material Theme Editor can auto-generate redlines and access developer documentation