A large UI kit with over 600 handcrafted MUI symbols for Figma.
Save time using this large library of UI components, icons, and styles to deliver your work faster. You can customize the kit however you want to match your product's brand.
Create MVPs efficiently and save hundreds of hours on UI Design. This is a great place to start if your product or brand needs a design system. Equip your team with this library for Figma and build consistent products faster.
Gain autonomy, design a beautiful, consistent, and accessible interface without relying on designers. You can preview how it will look before coding it.
The UI kit was created specifically for MUI, a popular React UI library with a comprehensive set of components. MUI has over 3M+ active users and 85k+ stars on GitHub!
You can copy the community version of Material UI and the community version of Joy UI to play with some of the components, screens, layouts, and styles available in this UI kit.
You can also preview the full version of Material UI and Joy UI.
See the overview of the latest release v5.11.0:
The UI kit contains all the Material UI, Joy UI, and MUI X components with states and variations which gives 1,500+ unique elements. All components are designed with the most up-to-date release.
The elements use Auto Layout which makes them scalable and adjustable. Convenient naming optimized for Figma allows you to quickly find and use the desired component.
The whole Material Design theme is ready to use and customize. The styles depend on shared variables which makes them easily customizable and consistent. The kit includes the whole Material Design color palette. Change font and color styles to match your product branding in minutes.
Everything is documented for developers so you don't need to worry about creating all states and docs yourself.
The UI kit was built for MUI and optimized for Figma. Save hundreds of hours and use the MUI React library to bring your products to life.
1,000+ material icons in 5 themes (filled, outlined, rounded, sharp, and two-tone), grouped and named accordingly. You can reuse icons throughout the whole UI Kit in components because everything is connected together.
The kit takes full advantage of the features of Figma.
Avoid surprises. What you design is what you get in production, with high reliability and consistency.
Head to https://mui.com/figma/getting-started/.
The license is perpetual – once the kit is downloaded, it can be used forever. It's a one-time payment with no automatic annual subscription. However, access to updates and support is limited to 1 year.
Yes, a discount is available for renewal. The cost of the renewal depends on when you purchase it, If you purchase the renewal:
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.
The first step is to extract the archive. This should give you a couple of .fig files. Then, you can follow the Figma help center article to either import it or add it to your team library.
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.
We aim to keep feature parity between the Figma, and Sketch kits. You can benefit from the renewal discount when switching to a different design prototyping tool.
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 this discount, please contact sales.
Number of licenses
Kept up to date with the React components e.g. Text field
1 year of updates
Covered by the refund policy
Version | 5.15.0 |
Latest release | Oct 8, 2023 |
First release | May 18, 2020 |
Category | Design |
Questions? | Contact us |
![]() Created byMUI |