Rename Code Syntax (Web/iOS/Android)

About this plugin

Convert Figma variables to developer-ready code syntax in one click!

Features

🚀 Platform-specific outputs:

1. Web: var(--color-primary) (CSS)
2. iOS: colorPrimary (Swift)
3. Android: color_primary (Kotlin/XML)

🔧 Customization:

1. Add prefixes like color- or btn-
2. Choose word dividers (-, _, or custom)
3. Override default formats (kebab/camel/snake case)

🛠️ Smart formatting:

1. Handles spaces and special characters (e.g., /)
2. Works across variable collections
3. Dark/light mode support

Why developers and designers love it:

1. Saves hours of manual renaming
2. Ensures naming consistency across platforms
3. Perfect for design system maintenance

Usage Instructions

1- Select a variable collection

2- Choose your target platform (Web/iOS/Android)

3- Customize formatting (optional):

1. Prefix: Add a prefix like color-
2. Divider: Replace spaces// with -, _, etc.
3. Format: Override default platform formats

4- Click "Update Variables" – done!

Support & Feedback

"Found a bug? Have feature requests? Reach out at [email protected]

Privacy Notes

"This plugin does NOT collect user data or connect to external servers."