Skip to content

Design kits

Material UI
in your favorite
design tool

Pick your favorite design tool to enjoy and use Material UI components. Boost consistency and facilitate communication when working with developers.

Buy now
Spotify logoSpotify logo
Amazon logoAmazon logo
Apple logoApple logo
Netflix logo
Twitter logo
Salesforce logo

The world's best product teams trust MUI to deliver an unrivaled experience for both developers and users.


Be more efficient designing and developing with the same library

For designers

Save time getting the Material UI components all setup, leveraging the latest features from your favorite design tool.

For product managers

Quickly put together ideas and high-fidelity mockups/prototypes using components from your actual product.

For developers

Effortlessly communicate with designers using the same language around the MUI Core components props and variants.

Design kits

Upgrade your design workflow

The Design kits contain many of the Material UI components with states, variations, colors, typography, and icons. We frequently update it to sync with the most up-to-date release.

ComponentsBrandingIconographyMuch more

e.g. Material UI for Figma

Buy now

Frequently asked questions

We think you'll love the components we've built so far, but we're planning to release more. We opened it up as soon as we had something useful, so that you can start getting value from it right away, and we'll be adding new features and components based on our own ideas, and on suggestions from early access customers.
The number of licenses purchased must correspond to the maximum number of editors working concurrently in a 24 hour period. An editor is somebody contributing changes to the designed screens that use the UI kits. No licenses are required for viewing the designs.
We'll send you an email when a new release is available. You can access the item on the download page of your store account. You can find a detailed description of the changes under the "Changelog" tab on this page.
Yes. We offer a 50% discount on all products licensed to students, instructors, non-profit, and charity entities. This special discount cannot be combined with any other type of discount. To qualify for the discount, you need to send us a document clearly indicating that you are a member of the respective institution. An email from your official account which bears your signature is sufficient in most cases. For more information on how to qualify for a discount, please contact sales.
We aim to keep feature parity between the Figma, Sketch, and Adobe XD kits where possible. We have a 50% off coupon for past customers who want to switch between two design tools.

Got any questions unanswered or need more help?

From community help to premium business support, we're here to help.

Contact sales


Weekly downloads on npm


Stars on GitHub


Open-source contributors


Followers on Twitter