Skip to content
Rename Code Syntax (Web/iOS/Android)

Rename Code Syntax (Web/iOS/Android)

by Guilherme Mazzo

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

FreeFigma

Installs

33

Likes

6

Users

213

Views

174

Preview

Rename Code Syntax (Web/iOS/Android) 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 all