Skip to content
Variant renamer

Variant renamer

by Den

Automate variant naming: hover, disabled, active, and more

FreeFigma

Installs

11

Likes

3

Users

100

Views

178

Preview

Variant renamer preview

About this plugin

Makes designers’ work easier and organizes component state names.

🚀 What it doesAutomatically renames variants (normal, hover, disabled, etc.)Supports popular components: Button, Input, Checkbox, Radio, Toggle, Dropdown, UploadEliminates manual work and naming errors💡 How to useSelect one or multiple variants within a component.

In the plugin, choose the element type (e.g., Button).

Select the states you want to rename.

Click Rename → done!

✅ BenefitsConsistent names for components and design systemsDeveloper-friendly — clear naming logicSaves time when preparing UI kitsEasy to use — works out-of-the-boxKeep your variant names clean, clear, and ready for handoff to developers!

More file organization plugins plugins

View all