🚀  We're hiring a Designer, Full-stack Engineer, React Support Engineer, and more!  Check the careers page →

Design kits

MUI in your favorite
design tool

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

Buy now

From startups to Fortune 500s, the world's best product teams use MUI to build their UIs.

Collaboration

Be more efficient designing and developing with the same library

For designers

Save time getting the MUI Core 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.

Features

Upgrade your design workflow

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

Much more

MUI 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
2.8M

Weekly downloads on npm

75.3k

Stars on GitHub

2.4k

Open-source contributors

16.9k

Followers on Twitter