Figma Material Design UI Kit: Speed Up Your Workflow

Build & design (quickly) using the Material Design UI kit & Figma templates. Design web & mobile apps that are up-to-date with Material Design guidelines.
🔥 NEW: Auto layout & variants + React code version now available!

LAST UPDATED: September 22, 2021

Choose a license

Preview in Figma

Use on unlimited projects

Build & customize. Ready for commercial use.

1,500+ Material components

Never worry about creating another Material Design component from scratch. Plus, customize as needed!

200+ Editable templates for Figma

These templates allow you to build a modern, user-friendly software interface design in Figma (quickly and easily).

Desktop, tablet & mobile designs

These templates enable you to build for web, tablet, and mobile so that you have all your bases covered.

Unlimited projects

Use this design system on unlimited commercial or personal projects — there are no limits!

Choose a license

Frequently asked questions

Can this be used for commercial projects?

Yes, you will be licensed to use the designs and elements on any type of commercial project.

Can I edit text, colors, etc?

Yep! This design system was made with Figma components, making it easier than ever for you to edit anything you’d like quickly and easily.

Are auto layout or variants included?

Yes, this Figma Material Design System includes auto layout and variants.

When was this last updated?

The most recent update was on September 22, 2021. Here we added the latest Material Design component updates, including: Lists, drop-down menus.

I'm new to Figma. Can I use this?

Absolutely! In fact, this kit can come in handy if you’re new to Figma because it has a ready-to-use UI component library.

Is this kit compatible with auto layout?

Yes, we released a new version recently that is compatible with Figma's auto layout functionality. You'll receive both versions. :-)

How do I get started?

After purchase, you’ll be taken to the download page (you’ll also receive an email with a download link). In Figma, click the import icon and select the “.fig” file from the folder you downloaded. If you run into any questions, feel free to send us a message!

Do you offer refunds? I'm thinking of buying, but not sure.

Yes! If for any reason you’re unhappy with your purchase, just contact us within 30 days for a full refund.

Who is it for, anyway?

For designers

Work smart & save hundreds of hours of time normally spent on monotonous tasks. That way, you can focus on actually designing.

For agencies

Reduce agency overhead & delight your clients with pro designs in less time. Over-deliver for your clients, without the headache.

For founders

Launching a startup? No need to hire an entire design team. Get your product launched quickly, and in fewer steps.

For developers

These UI components and templates act as a foundation to help bring your ideas to life. Figma also produces helpful CSS.

CUSTOMIZE & EDIT QUICKLY

Massive Library of Material Design UI Components & Styles

This Material Design kit was built with 1,500+ flexible Figma components, constraints, and styles – making it easy to edit master styles in seconds (rather than hours or days). In compliance with Material Design standards and best practices.