Skip to content
SPECIFICTION
Get listed

Material 3 Design Kit

m3.material.io

Free plan Web
Visit m3.material.io
Spec score 7.2 #21 of 26 in UI Kit Libraries

What it is

Material 3 Design Kit is a free Figma resource for creating mockups and prototypes with Material 3 styles and components. It belongs to Material Design 3, Google’s open-source design system, which provides interface guidelines, components, and tools. M3 Expressive adds vibrant colors, intuitive motion, adaptive components, flexible typography, and contrasting shapes. Its shape library contains 35 shapes with built-in morph motion. Design tokens store values such as colors and fonts so they can be shared across designs, code, tools, and platforms. Material foundations include accessibility guidance for users with diverse abilities. Listed implementation libraries cover Android, Jetpack Compose, Flutter, and Web. Time pickers are available in the Figma kit, Flutter, Jetpack Compose, and Android Views, while Web implementation lists them as unavailable. The kit’s listed price is free.

Spec sheet

Accessibility
Material foundations include accessibility guidance for designing interfaces for users with diverse abilities.Read 4 Oct 2026 · m3.material.io
Component availability
Time pickers are listed as available in the Figma design kit and in Flutter, Jetpack Compose, and Android Views, while Web implementation is listed as unavailable.Read 4 Oct 2026 · m3.material.io
Design kit
The Figma M3 Design Kit provides customizable styles and components for designing with Material 3.Read 4 Oct 2026 · m3.material.io
Design system
Material Design includes guidelines, components, and tools to support user interface design practices.Read 4 Oct 2026 · m3.material.io
Expressive design
M3 Expressive adds vibrant colors, intuitive motion, adaptive components, flexible typography, and contrasting shapes.Read 4 Oct 2026 · m3.material.io
Figma integration
The design resource is identified as an M3 Design Kit for Figma.Read 4 Oct 2026 · m3.material.io
Implementation platforms
Material lists Android, Jetpack Compose, Flutter, and Web libraries.Read 4 Oct 2026 · m3.material.io
Kit purpose
The kit is described as a way to create design mockups and prototypes with Material 3 Expressive components and styles.Read 4 Oct 2026 · m3.material.io
Security and compliance
The Material Design pages opened do not state product-specific security controls or compliance certifications.Read 4 Oct 2026 · m3.material.io
Shape library
The M3 Expressive shape library includes 35 shapes with built-in shape morph motion.Read 4 Oct 2026 · m3.material.io
Tokens
Design tokens store style values such as colors and fonts so they can be shared across designs, code, tools, and platforms.Read 4 Oct 2026 · m3.material.io
What it is
Material Design 3 is Google's open-source design system for building usable products.Read 4 Oct 2026 · m3.material.io

Plans and prices

Material 3 Design Kit Free Figma design kit · pricing not stated Read 4 Oct 2026 · m3.material.io

Every Material 3 Design Kit plan and price →

Strong points and limits

Strong points

  • Free Figma design kit
  • Customizable Material 3 styles and components
  • 35-shape library with morph motion
  • Design tokens share colors and fonts
  • Accessibility guidance included

Limits

  • Time pickers are unavailable in Web implementation
  • Primary asset format is Figma

Who it suits

It suits designers building Material 3 interface mockups or prototypes in Figma. Teams implementing designs can also use the listed Android, Jetpack Compose, Flutter, and Web libraries.

Verdict

The kit provides a free Figma starting point for Material 3 Expressive design, with tokens, components, shapes, and accessibility guidance. Implementation coverage differs by platform, including the stated Web limitation for time pickers.

Where Specifiction places it

Alternatives to Material 3 Design KitAll alternatives →