Export local variables to Json
you can export all local variables as json
Plugin 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
| Version | 2 |
|---|---|
| Created | August 18, 2024 |
| Last Updated | March 20, 2025 |
| Category | Software development |
| Creator | Libra850 |
| Stats | 29 installs, 2 likes |
| Pricing | Free |
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
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.