Back to Plugins
Material UI Sync
The official theme generator for the Material UI Design Kit
themetheme generatorcode generationsyncfigma-to-codeofficialcode generatormuiexport variablesmaterial uisync styledesign systemtheme builder
Plugin Preview
About this plugin
Material UI Sync generates a production-ready theme from a customized Material UI Design Kit.
The following Design Kit customizations are currently supported:
- Design tokens: The generated theme includes customized color palettes, typography styles, breakpoints, spacing values, border radii, and shadows.
- Component styles: The Sync plugin generates theme code for component customizations. This feature is currently limited to the Button and Switch components. Support for more components is coming soon.
The plugin also provides a Storybook preview so you can check out the generated theme applied to Material UI directly from within Figma.
Please note that Material UI Sync is meant to be used combined with the Material UI for Figma Design Kit v5.16.0 or later.
We’re very excited to see what you think about it! This is just the start for Material UI Sync. If you have any feedback, please share it on the feedback platform.
Plugin Details
| Version | 6 |
|---|---|
| Created | February 5, 2024 |
| Last Updated | July 16, 2024 |
| Category | Import & export plugins |
| Creator | Olivier Tassinari |
| Stats | 1306 installs, 179 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:build/ui.js
- main:build/main.js
- Editor Types:figma
- Allowed Domains:
- http://localhost:6006Dev
- https://*.firebaseio.com
- https://cdn.jsdelivr.net
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://mui-connect-default-rtdb.firebaseio.com
- https://mui-connect-storybook-xi.vercel.app
- https://s-usc1b-nss-2160.firebaseio.com
- https://s-usc1b-nss-2161.firebaseio.com
More Like This
Discover other plugins in the Import & export plugins category.