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.
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.
| Plan | Price | What it gives you |
|---|---|---|
| Material 3 Design Kit | Free | Figma 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
- 1
Figma Wireframe Kit
Free planAndroidiOSWebAPI8.0From $3 a month - 2

Ant Design Icons
Free planAndroidiOSWeb7.1Free plan - 3

Shopify
Web7.1From $29 a month - 4

GitHub Primer
Free planOpen sourceWebAPI7.0Free plan - 5

MUI
Free planWeb6.8From $299 a year - 6
Shadcn Studio Figma UI Kit
Free planWeb6.7$99 one-time
