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 follow Material Design guidelines.

🔥 NEW: Auto layout & variants!

✅ Instant digital download format: Figma (.fig file)

✨ Free Figma graphs & charts templates will come with all orders as a special resource for designers — and they can be used freely in unlimited projects!

Buy it once & use it in unlimited projects
Preview in Figma

The greatest guarantee: If you don't love it, don't pay for it! Simply contact us within 30 days if you don't love it for any reason.

Build & customize. Ready for commercial use.

The Figma Material Design UI Kit can be used in unlimited commercial projects.

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!

FAQ

Can this be used in commercial projects?

Yes, you will be licensed to use the designs and elements in 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 options for auto layout and variants. You will find multiple versions in your download, and you can use any of them (anytime) based on your preference.

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.

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. :-)

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 or MVP launched quickly, and in far 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.
SAY GOODBYE TO DESIGN GRUNT WORK FOREVER

Why are most UI kits stuck in the stone age, requiring lots of manual work just to change fonts, colors, or logo?

UI kits should save you time ⁠— not waste it. That's why being able to make changes in bulk, customize, and edit master UI components with sophisticated master styles will transform your workflow.

This Material Design kit was built with 1,500+ smart Figma components 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.

Buy once, get access for life. Instant download.

Download immediately & get access to all future updates.

Includes

Instant download - $32

Unlimited license for unlimited users (including teammates, clients, and stakeholders). Commercial use approved. Instant access.

💥Or get 80% off the Figma bundle here (which includes this kit)

All Figma UI components & assets (.fig format for Figma)
Lifetime access
Figma variants
For use on unlimited projects
Help documentation
All Material Design templates
Auto layout
Instant download
Commercial use
Free updates & support

How it works (it's easy)

One-click import to Figma is all it takes to start

Open your .fig file in Figma with just one click. That's it! You'll be able to use it on multiple projects.

Customize the templates or build using UI components

Easily change text, colors, and any other element in seconds. There's also a large UI component library.

Share your cool prototype with your team

Share your new prototype with your team and collaborate. It's simple to get started.

Our Team

Hannah Wright

Founder

Freelance experts

Experts of their craft

Trusted by thousands of happy builders & makers

Hi Hannah,

I'm a first-time founder (of a trucking company, no less), and have never designed anything before. My cofounder and I are building our MVP.

Your templates are a LIFESAVER. Thank you!
We are utilizing it to help us build designs for internal tools and then hand off the design to development and be able to use the code to recreate assets. We're big fans of material design.

Ian
You guys are awesome. Great work.

Thanks,
Ryan
Thank you so much, Hannah! Relatively new to Figma design (I am a developer first and foremost), but it seems so awesome 😊 Your course and templates are a great start to doing things right from the start! Again, thank you so much.

Kind regards,
Kristof
Hello there,

I bought your amazing Figma kits a month ago. It is really helpful and I use it a lot.

You've done an amazing job.

Thanks a lot.
Marco
Even though most other UI kits don't, we offer a 30-day refund policy if you're not happy with your kit (for any reason).

Ready to get things done?