Back to Plugins
Export local variables to Json

Export local variables to Json

you can export all local variables as json

local variablesjson

Plugin 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.

Plugin Details

Version2
CreatedAugust 18, 2024
Last UpdatedMarch 20, 2025
CategorySoftware development
CreatorLibra850
Stats29 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:{"export": "src/ui/html/export.html"}
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none