TidyProps

About this plugin

Stop manual renaming. Make your components 100% Code-Ready in seconds.

This DesignOps linter instantly standardizes component names, property keys, and variant values. Eliminate mapping hell and ensure a seamless 1:1 design-to-code handoff—the perfect prerequisite for Figma Code Connect.

✨ Key Features

1. Format Property Keys: Batch convert to camelCase, PascalCase, kebab-case, or snake_case.
2. Smart Boolean Merging: Unify messy visibility toggles (e.g., "with icon", "show_icon") into a strict standard (hasIcon).
3. Normalize Variant Values: Map scattered values (e.g., "mid", "normal") to standard sizes (Medium), and convert "yes/no" to native True/False toggles.
4. Safe Component Renaming: Format top-level names while safely preserving your / folder hierarchy in the Assets panel.

💡 How to Use

Select components -> Choose your team's naming conventions -> Click Format Selected Components.