Material Design -> Styles to Variables

This plugin helps teams adopt Google’s updated Material Design system by converting existing color styles into the appropriate Material variables.

Instead of manually remapping fills, strokes, and component tokens, the plugin processes the selected page and automatically rewrites all color style references to use the correct variable counterparts.

Designed for teams migrating large files or maintaining legacy Material files — this tool ensures consistency, future-proofing, and zero manual cleanup.

Converts all Material color styles → Material variablesProcesses entire pages or selected framesMaps fills, strokes, blends, and nested layersHandles large files with tens of thousands of nodesFuture-proofs your design system by aligning to Google’s variable-based architecture