Back to Plugins
Rename Code Syntax (Web/iOS/Android)

Rename Code Syntax (Web/iOS/Android)

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

design-systemdocumentationsyntaxvariablescodegenrenamedesign system

Plugin 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 [email protected] Notes"This plugin does NOT collect user data or connect to external servers."

Plugin Details

Version2
CreatedFebruary 14, 2025
Last UpdatedFebruary 26, 2025
CategoryFile organization plugins
CreatorGuilherme Mazzo
Stats31 installs, 6 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none