Hi,
I am sure this question must have been asked before but I cannot find it on the forum.
Can Anima plugin for Figma handle custom MUI themes? We have the need for custom styles outside of the standard theme e.g. body3 but as the MUI theme has just body1/body2 included, when trying to pick code for the required body3, the Anima plugin reverts to body2.
Am I missing something or is the AI built to convert all custom themes to the standard theme set?
Set up: React > MUI > Typescript > Generate MUI theme provider? Yes (but same issue when set to NO.
Any assistance much appreciated!
In case anyone else needs to know, here’s the official reply from the Anima AI Chatbot:
Currently, the Anima plugin for Figma doesn’t fully support custom MUI themes or components outside the standard theme set. While Anima can generate MUI components from Figma designs, it’s limited to the standard MUI theme.
For the best results with Anima and MUI, it’s recommended to use the official MUI Figma library and align your design elements closely with standard MUI components.
However, it’s important to note that Anima is not currently supporting MUI integration. This situation might change in the future, but for now, custom MUI themes and components like your ‘body3’ style are not supported.
If you need to use custom MUI themes or components, you may need to make manual adjustments to the generated code or explore alternative workflows for your specific requirements.
Hi there!
The bot’s answer was half-right 
We do support MUI’s default theme, but not custom ones. If you already have your custom theme then you should generate the MUI code with the “No” option marked for “Generate MUI theme provider?”, and from there you will need to do the necessary adaptations
1 Like
Hi Leonardo,
Thanks for taking the time to reply.
I take it by 'custom theme" you mean a design that is reliant on using the official MUI for Figma library to at least give a nod to the token structure?
