Variant Cleaner

Standardize variant property names and values across your components

Plugin Preview

Variant Cleaner batch-renames component property names and values so your design system stays consistent.

What it does:

- Renames property names to a consistent casing style (camelCase, PascalCase, Title Case, snake_case, or lowercase with spaces)

- Renames values to a matching casing style

- Unifies synonyms, e.g. "Button Size", "sz", and "controlSize" all become "size"

- Normalizes boolean values — "Yes", "on", "enabled", "1" all become "true" (or "on/off" if you prefer)

- Normalizes size values — "Small", "medium", "med" become "sm", "md"

How it works:

1. Pick a scope: selection, current page, or entire file

2. Configure your preferred naming style and synonym rules

3. Click Preview to see every change before anything happens

4. Review the diff table, conflicts are highlighted in red and block you from applying

5. Click Apply when you're happy

Supports variant properties, boolean properties, text properties, and instance swap properties on both component sets and standalone components.

Custom rename rules are saved between sessions so you only set them up once.