Figma Variables to JSON

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 FeaturesAll variables are supported: Color, number, string, boolean, (alias)Color Format Options: Select from HEX, RGB, HSL, or CSS-friendly RGB formats, catering to diverse project needs.

Alpha Channel Support: Define colors with precision, incorporating transparency for impeccable design rendition across platforms.

Flexible Collection Selection: Choose which collection to export.

Intelligent Grouping: Organize variables by name or mode.

Customizable Naming Convention: Adapt the output JSON key format to fit language naming conventions, improving readability and codebase integration.

Inclusion of Published Variables: Option to include published variables in exports, ensuring all necessary design tokens are at hand.

Resolves references: Automatically resolves variables from another collections.

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.