Rename Code Syntax (Web/iOS/Android)
Convert Figma variables to developer-ready code syntax in one click!
Plugin Preview
About this plugin
Convert Figma variables to developer-ready code syntax in one click!Features🚀 Platform-specific outputs:Web: var(--color-primary) (CSS)iOS: colorPrimary (Swift)Android: color_primary (Kotlin/XML)🔧 Customization:Add prefixes like color- or btn-Choose word dividers (-, _, or custom)Override default formats (kebab/camel/snake case)🛠️ Smart formatting:Handles spaces and special characters (e.g., /)Works across variable collectionsDark/light mode supportWhy developers and designers love it:Saves hours of manual renamingEnsures naming consistency across platformsPerfect for design system maintenanceUsage Instructions1- Select a variable collection2- Choose your target platform (Web/iOS/Android)3- Customize formatting (optional):Prefix: Add a prefix like color-Divider: Replace spaces// with -, _, etc.Format: Override default platform formats4- Click "Update Variables" – done!Support & Feedback"Found a bug? Have feature requests? Reach out at [email protected] Notes"This plugin does NOT collect user data or connect to external servers."
Plugin Details
| Version | 2 |
|---|---|
| Created | February 14, 2025 |
| Last Updated | February 26, 2025 |
| Category | File organization plugins |
| Creator | Guilherme Mazzo |
| Stats | 31 installs, 6 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the File organization plugins category.