MUI for Adobe XD

A large UI kit with over 600 handcrafted MUI symbols for Adobe XD.

Includes

• 600+ high-quality symbols - ready to use and customize - kept up-to-date with the React components (MUI Core and MUI X)
• 100+ customizable color, typography, and elevation styles
• 20+ screens with component and style guide documentation
• 1 year of updates
• Responsive layout

No matter what your role, you'll be more efficient

UI / UX Designers

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.

Product managers / Entrepreneurs

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 Adobe XD and build consistent products faster.

Developers

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!

See it in action

You can preview all components, screens, layouts, and styles available in the UI kit with the demo preview file and the live preview.

Features

A comprehensive component inventory for Adobe XD

The UI kit contains all the MUI 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 Adobe XD allows you to quickly find and use the desired component.

Apply your product branding in minutes

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.

Save hundreds of hours

The UI kit was built for MUI and optimized for Adobe XD. Save hundreds of hours and use the MUI React Library to bring your products to life.

Built exclusively for Adobe XD

The kit takes advantage of all the features of Adobe XD.

Handcrafted to perfectly match MUI ✨

Avoid surprises. What you design is what you get in production, with high reliability and consistency.

Details

• A minimum version of Adobe XD 36.0.0 is required.
• You can find our public roadmap of what will come next.
• Don't hesitate to open new issues if you noticed improvement opportunities.

FAQ

What long-term support do you offer?

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.

Is there a discount for renewals?

Yes, a discount is available for renewal. The cost of the renewal depends on when you purchase it, If you purchase the renewal:

• before the suppord expires: you get a 50% discount compared to the item price.
• up to 60 days after the support has expired: you get a 25% discount compared to the item price.
• more than 60 days after the support has expired: you get a 10% discount compared to the item price.

How many licenses do I need?

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 UI kit got an update. How do I get it?

We send an update email to each customer when a new release is available.
You can access the item on the download page of your admin section. You can find a detailed description of the changes under the "Changelog" tab.

I got the latest update of the kit. What should I do with it?

Unfortunately, Adobe XD does not work like an npm package that we can simply update the dependencies, yet!

Most of the time, we don't release breaking changes in the updates. We add new content. You can decide if it's worth or not the effort to integrate the new content into your existing file.

Adobe XD or Figma or Sketch?

We aim to keep feature parity between the Adobe XD, Figma, and Sketch kits. You can benefit from the renewal discount when switching to a different design prototyping tool.

Do you offer discounts to educational and non-profit organizations?

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.