Material Design -> Styles to Variables

About this plugin

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.

1. Converts all Material color styles → Material variables
2. Processes entire pages or selected frames
3. Maps fills, strokes, blends, and nested layers
4. Handles large files with tens of thousands of nodes
5. Future-proofs your design system by aligning to Google’s variable-based architecture