MUI for Adobe XD

(9 customer reviews)

$69.00

Quantity Discount (%) Price
1 $69.00
2 - 4 7.25 % $64.00
5 - 9 28.99 % $49.00
10+ 43.48 % $39.00
Category:

Description

Adobe has silently discontinued Adobe XD for new users. Consider Figma or Sketch as an alternative.

 

A comprehensive UI kit with over 600 handcrafted Material UI and MUI X components for Adobe XD.

Includes

  • 600+ high-quality components—ready to use and customize—kept up-to-date with the React component libraries (Material UI 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 comprehensive 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 Figma and build consistent products faster.

Developers

Gain autonomy and design beautiful, consistent, and accessible interfaces without relying on designers. You can preview how it will look before coding it.

The Design Kit was carefully crafted to follow the patterns available on the following React UI libraries: Material UI and MUI X. Together, they have over 3M+ active users, and Material UI alone has 90k+ 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 Design Kit contains all the Material UI, Joy UI, and MUI X components with states and variations, summing up to 1,500+ unique elements. All components are designed based on the most up-to-date release.

The elements use Auto Layout, which makes them scalable and adjustable. Convenient naming optimized for Adobe XD lets you quickly find and use the desired component.

components

Apply your product branding in minutes

The Material Design theme is ready to use and customize. The styles depend on shared variables, which makes them easily customizable and consistent. The Design Kit also includes the 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 Design kit was built for the Material UI and MUI X libraries and optimized for Adobe XD. Save hundreds of hours and use the React libraries 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 the code ✨

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 notice 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. However, access to updates and support is limited to 1 year.

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 support expires: you get a 50% discount compared to the item price.
  • after the support has expired: you get a 25% 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.

Figma or Sketch?

We aim to keep feature parity between 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.

9 reviews for MUI for Adobe XD

  1. Riaz Kanani (verified owner)


    dimension: design-quality

    It is really slow to use – warns about the number of layers in components (over 20k) – hangs too many times as a result

    • Olivier Tassinari

      Thanks for the feedback. We have fixed it in v4.13.0. The warning about the 20,000 layers was specific to the data table component. It came from a large number of embedded component states. The kit was created on a 2015 MacBook Pro, and its performance was good enough for daily usage, at least in our experience.

  2. Jean-Pierre Vaillancourt (verified owner)


    dimension: flexibility

    Useful, but I have some scaling issues with many components like text inputs and text area. Some have a fixed width and height, and others are based on the content size. Not very useful for a text input.

    Some components have repitition and could use the repeat grid to make it easier to change the spacing and to edit quickly.

    Still worth the buy since it saved me a lot of time.

    • Olivier Tassinari

      Thanks for the feedback, we have fixed it in v4.13.0

  3. Anthony Blanchard (verified owner)


    dimension: design-quality

    It helps to save some time.
    However the responsive design is missing … that would have save me a lot of time 🙁
    And there are some mistakes in the components. I’m using it for a few days, but I found some errors already :
    1/ Table’s margins are wrong compared to MUI itself,
    2/ Colors are not set using transparency, so alternative shades aren’t working if you change the primary or secondary color
    3/ Button groups don’t have a selected version in MUI actually.

    • Olivier Tassinari

      Thanks for the feedback, we will solve this in the next release.

  4. Nils Corver (verified owner)


    dimension: other

    It really saves us time using this kit. We use it to mock our design to sell new features. But sometimes there are too many layers which makes adobe XD hang.

    • Olivier Tassinari

      Thanks for the feedback, we will look into how to work around the Adobe XD performance limitations.

  5. k.lane (verified owner)


    dimension: design-quality

    Great work as always. Has really helped the prototyping UI stage alot easier. Kudos.

  6. Hector Garza (verified owner)


    dimension: design-quality

    I use this design kit to communication with developers. It helps developer faster apps when the developers know which componenets to use. I wish the kit had more icons. MUI has some many icons to uses but the kit only comes with 85 icons, as a designer we want more options but the developers want less.

  7. Lee Sibbald (verified owner)


    dimension: design-quality

    Excellent set of UI components that relly accelerate the mockup process. My only slight issue is that it didnt come as a library, and when exported as such via Adobe Cloud, many components were missing.

    • Greg Abaoag

      Thank you for the feedback. If you can share your issue here, we are more than happy to support/assist you.

  8. James Lamar (verified owner)


    dimension: bugs

    Useful kit for sure, but for a paid product I would expect more polish. Some of the concerns from older reviews still haven’t been addressed. The kit can still be slow to respond in Adobe XD on a new Macbook Pro. Icons have to come through another plugin or download. Still doesn’t implement transparency correctly, allowing me to just change main theme colors in one place. After changing color pallette, new colors disappeared from assets even though the components retained the new colors. I would love to see an easier way to use and create data grids. Data grid instances are difficult to change.

    • Olivier Tassinari

      Thanks for the feedback.

      > The kit can still be slow to respond in Adobe XD on a new Macbook Pro

      This is a limitation of Adobe XD. We recommend migrating to Figma. See https://github.com/mui/mui-design-kits/issues/18

      > allowing me to just change the main theme colors in one place.

      Adobe XD doesn’t support advanced color transformations, we can use an alpha color to match the React implementation which uses hard-coded values to fix background overlap issues.

  9. Donald Schaefer (verified owner)


    dimension: documentation-quality

    Nice overall, but 3 main complaints: 1) there are numerous areas where a change to a main color/component doesn’t ripple through to other components that reference it, 2) Where are the all the icons? Even saying that the kit includes a fraction of the available icons is an understatement & 3) And this is more of a side-rant… While I realize this kit was made to focus on React components for React developers, it’s disappointing that ya’ll don’t do more to support Angular (especially given that Angular, like MUI, is primarily developed by Google)

    • Olivier Tassinari

      1) This is likely because of the lack of “derivative” design tokens in Adobe XD. Places where the components can’t use the high-level design tokens directly. If you have a specific example that isn’t this Adobe XD limitation, please open a new issue at https://github.com/mui/mui-design-kits. We would be happy to fix it.
      2) We are waiting for more upvotes in https://github.com/mui/mui-design-kits/issues/76 considering that there are simple alternatives.
      3) True, this is a no-goal for us. This design kit aims to match Material UI (created by MUI) as close as possible. It’s itself a React implementation of Material Design (created by Google).

Only logged in customers who have purchased this product may leave a review.