Rename Code Syntax (Web/iOS/Android)
by Guilherme Mazzo
Convert Figma variables to developer-ready code syntax in one click!
Installs
33
Likes
6
Users
213
Views
174
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 gmazzo@gmail.comPrivacy Notes"This plugin does NOT collect user data or connect to external servers."
More file organization plugins plugins
View allTable Creator
by Gavin McFarland
Easily create tables that can be edited, resized and maintained using your design system
Rename It
by Rodrigo Soares
Clean Document
Paidby Yuan Qing Lim
Automagically organize and clean up your Figma document
Table Generator & Creator
Paidby Appcano
Generate and customize tables in seconds