Export local variables to Json

About this plugin

Plugin Overview

This 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 Functions

1. Get Local Variables

- Color values

- Spacing

- Typography

and other variables are automatically retrieved

2. Maintain hierarchical structure

3. Value Conversion

- Colors: Convert from RGBA to HEX format

- Numbers: Manage decimal precision

- Variable references: Properly resolve aliases

How to Use

1. Launch the plugin in Figma

2. Click the "Export" button

3. Download the generated JSON file

Features

- JSON output compliant with Style Dictionary format

- Simple UI

- Error fallback handling

- Comprehensive validation

Applications

- Design system construction

- Batch management of design tokens

- Synchronization with codebase

This plugin enables seamless bridging between design and code.