Material UI Sync

From Figma to working code.

Design Engineer at MUI · Jul 2023–Feb 2025

Material UI Sync inside Figma, showing customized button variants beside the generated theme and its copy and export controls. — Customized Figma components become theme code that developers can copy or export.

My contribution

Read the launch article ↗MUI documentation ↗

I conceived and built Material UI Sync, a Figma plugin that turns design-kit customizations into Material UI theme code.

An embedded Storybook preview lets people inspect the working components inside Figma. The plugin connects visual choices to their implementation without leaving the design workflow.

I also contributed to the Material UI React library and its official Figma design kit.

Launched in 2024; development suspended later that year. Official archived images courtesy of MUI.

Official Material UI Sync screenshot showing a themed green Switch in the embedded Storybook preview, with component props and Figma behind it. — Inspect themed components and their props in an embedded Storybook preview.

Next projectFeedbackland