EVERYTHING XIAOMI
Get listed

Material 3 Design Kit

Material 3 Design Kit is a free Figma resource for making mockups and prototypes with customizable Material 3 styles and components.

Place
#19 of 26
Score
5.9
Material 3 Design Kit's website

What Material 3 Design Kit is

Material 3 Design Kit is a free Figma resource for making mockups and prototypes with customizable Material 3 styles and components. It belongs to Material Design 3, Google's open-source system for building usable products, which provides interface guidelines, components, and tools. The M3 Expressive approach brings together vibrant colors, intuitive motion, adaptive components, flexible typography, and contrasting shapes. Its shape library includes 35 shapes with built-in morph motion. Design tokens hold style values such as colors and fonts so they can be shared across designs, code, tools, and platforms. Material foundations include accessibility guidance for designing interfaces for users with diverse abilities. Material lists implementation libraries for Android, Jetpack Compose, Flutter, and Web. Time pickers are available in the Figma kit, Flutter, Jetpack Compose, and Android Views; the Web implementation does not list them as available. The resource is identified as an M3 Design Kit for Figma and is listed as free.

Good

  • Customizable Material 3 styles and components
  • Includes 35 shapes with built-in morph motion
  • Design tokens can be shared across tools and platforms
  • Material foundations provide accessibility guidance

Watch out

  • The listed asset format is Figma
  • Web implementation does not list time pickers as available

Who it suits

The kit suits designers creating Material 3 mockups or prototypes in Figma. Its accessibility guidance and implementation references may also help teams carrying designs into supported platforms.

Verdict

Material 3 Design Kit gives Figma users styles and components for Material 3 prototyping. Check the listed component availability if time pickers are needed for a Web implementation.

Plans and prices

From Material 3 Design Kit's own pricing page, checked 4 Oct 2026.

All about pricing
PlanPriceWhat it gives you
Material 3 Design KitFreeFigma design kit · pricing not stated

The facts

Each one read from Material 3 Design Kit's own pages, with the date it was checked.

What it does

Accessibility
Material foundations include accessibility guidance for designing interfaces for users with diverse abilities.checked 4 Oct 2026
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.checked 4 Oct 2026
Design kit
The Figma M3 Design Kit provides customizable styles and components for designing with Material 3.checked 4 Oct 2026
Design system
Material Design includes guidelines, components, and tools to support user interface design practices.checked 4 Oct 2026
Expressive design
M3 Expressive adds vibrant colors, intuitive motion, adaptive components, flexible typography, and contrasting shapes.checked 4 Oct 2026
Figma integration
The design resource is identified as an M3 Design Kit for Figma.checked 4 Oct 2026
Kit purpose
The kit is described as a way to create design mockups and prototypes with Material 3 Expressive components and styles.checked 4 Oct 2026
Security and compliance
The Material Design pages opened do not state product-specific security controls or compliance certifications.checked 4 Oct 2026
Shape library
The M3 Expressive shape library includes 35 shapes with built-in shape morph motion.checked 4 Oct 2026
Tokens
Design tokens store style values such as colors and fonts so they can be shared across designs, code, tools, and platforms.checked 4 Oct 2026
What it is
Material Design 3 is Google's open-source design system for building usable products.checked 4 Oct 2026

Where it runs

Implementation platforms
Material lists Android, Jetpack Compose, Flutter, and Web libraries.checked 4 Oct 2026

Alternatives to Material 3 Design Kit

All alternatives
  1. 1

    Figma Wireframe Kit

    Free planAndroidiOSWebAPI
    8.0From $3 a month
  2. 2Ant Design Icons logo

    Ant Design Icons

    Free planAndroidiOSWeb
    7.1Free plan
  3. 3Shopify logo
    7.1From $29 a month
  4. 4GitHub Primer logo

    GitHub Primer

    Free planOpen sourceWebAPI
    7.0Free plan
  5. 5MUI logo

    MUI

    Free planWeb
    6.8From $299 a year
  6. 6
    6.7$99 one-time