I’ve been working with several Figma mockups that need to be turned into React components using Material UI. I’ve spent quite a bit of time looking online for tools or methods that can help with this conversion process, but haven’t found anything that seems reliable or straightforward.
I’m wondering if there are any good automated solutions out there for this kind of workflow. If there are tools available, how well do they actually work in practice? Do the generated components need a lot of cleanup afterwards?
Also curious about whether it’s better to just build everything from scratch manually instead of trying to use conversion tools. What approach do most developers take when working with Figma designs and Material UI?
Been doing this for two years now - manual conversion still beats everything else for production code. Yeah, Figma to Code plugins and Anima can spit out basic structure, but the CSS is always bloated and ignores Material UI conventions. The spacing never matches MUI’s theme system. You get hardcoded values instead of proper theme tokens. Just tried one on a project last month and spent more time fixing the mess than building from scratch would’ve taken. Going manual lets you plan for component reuse upfront and actually use MUI’s responsive breakpoints correctly. Takes longer at first, but you’ll thank yourself later when maintenance comes around.