<aside> ⚠️ The documentation moved to https://mui.com/material-ui/design-resources/material-ui-for-figma/
</aside>
“MUI for Figma” is the set of design kits for all the component libraries MUI (the company) maintains, meaning it’s a bundle of Material UI, Joy UI, and MUI X design kits.
The Material UI and Joy UI design kits are available in community (free) and full (paid) versions. Here’s what you can expect from each one of them:
Community | Full version | |
---|---|---|
Components without customizations | All | All |
Components with customizations | 4 | All |
Figma variables | - | ✅ |
You can access them via the links below:
Start by extracting the .zip
archive containing a couple of .fig
files. Then, you can either follow Figma’s import guide or add it to your team library.
When opening the local variables panel for the first time, you will see this: