Skip to content
Export local variables to Json

Export local variables to Json

by Libra850

you can export all local variables as json

FreeFigmaDev Mode

Installs

37

Likes

2

Users

462

Views

505

Preview

Export local variables to Json preview

About this plugin

Plugin OverviewThis plugin takes Local Variables of Figma and outputs them as a JSON file in Style Dictionary format. This allows design tokens to be efficiently reflected in the code.

Main Functions1. Get Local Variables- Color values- Spacing- Typographyand other variables are automatically retrieved2. Maintain hierarchical structure// Maintain Figma structure (e.g.colors/primary/base) in JSON format{"colors": {"primary": {"base": {"$value": "#1a2b3c","$type": "color"}}}}3. Value Conversion- Colors: Convert from RGBA to HEX format- Numbers: Manage decimal precision- Variable references: Properly resolve aliasesHow to Use1. Launch the plugin in Figma2. Click the "Export" button3. Download the generated JSON fileFeatures- JSON output compliant with Style Dictionary format- Simple UI- Error fallback handling- Comprehensive validationApplications- Design system construction- Batch management of design tokens- Synchronization with codebaseThis plugin enables seamless bridging between design and code.

More software development plugins

View all