Just Material Symbols to components

Bridges the gap between Material Symbols plugin and design systems.

When Material Symbols are inserted into Figma using Google Fonts official plugin, they come as groups with specific structure. This plugin trasform them into organized, design system-ready components.

What it does:

Transforms from groups with bounding boxes into frames with correct sizing and resize constraints.

Converts icons names from snake_case to Title Case.

Standardize vectors names so color overrides work correctly when swapping between instances.

Organizes converted components in an "Icons" container frame.

How to use:

Use the official Material Symbols plugin to add icons to your canvas.

Select the Material Symbols you want to convert.

Run this plugin: Plugins → Just Material Symbols to components.

Your components are ready to use in the "Icons" container frame.---Report bugs by creating an issue on the plugin's GitHub repository.