Figma Variables to JSON

About this plugin

Introducing a cutting-edge Figma plugin designed to seamlessly bridge the design-to-development workflow. This plugin re-imagines local variable exports, offering a beautifully formatted JSON output.

Key Features

1. All variables are supported: Color, number, string, boolean, (alias)
2. Color Format Options: Select from HEX, RGB, HSL, or CSS-friendly RGB formats, catering to diverse project needs.
3. Alpha Channel Support: Define colors with precision, incorporating transparency for impeccable design rendition across platforms.
4. Flexible Collection Selection: Choose which collection to export.
5. Intelligent Grouping: Organize variables by name or mode.
6. Customizable Naming Convention: Adapt the output JSON key format to fit language naming conventions, improving readability and codebase integration.
7. Inclusion of Published Variables: Option to include published variables in exports, ensuring all necessary design tokens are at hand.
8. Resolves references: Automatically resolves variables from another collections.
9. Responsive UI with Live Preview: Features a responsive, resizable UI with a live preview of JSON output. Hot reload capabilities ensure immediate affects of data changes, allowing for real-time adjustments.

Embrace the future of design collaboration with this Figma plugin, where creativity and coding meet elegantly.