Export local variables to Json
by Libra850
you can export all local variables as json
Installs
37
Likes
2
Users
462
Views
505
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 allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.