Variant renamer

About this plugin

Makes designers’ work easier and organizes component state names.

🚀 What it does

1. Automatically renames variants (normal, hover, disabled, etc.)
2. Supports popular components: Button, Input, Checkbox, Radio, Toggle, Dropdown, Upload
3. Eliminates manual work and naming errors

💡 How to use

1. Select one or multiple variants within a component.
2. In the plugin, choose the element type (e.g., Button).
3. Select the states you want to rename.
4. Click Rename → done!

✅ Benefits

1. Consistent names for components and design systems
2. Developer-friendly — clear naming logic
3. Saves time when preparing UI kits
4. Easy to use — works out-of-the-box

Keep your variant names clean, clear, and ready for handoff to developers!