Variable Export - CSS & JSON

Export variables to CSS & JSON with multi-collection and alias support.

Plugin Preview

The ultimate tool for handing off Figma Variables to developers. Export your design tokens instantly as CSS or JSON.

✨ **Key Features:**

* **Multi-Collection Support**: Select and export variables from multiple collections at once.

* **Smart Mode Matching**: Automatically matches modes (e.g., "Light", "Dark") across different collections.

* **Alias Resolution**:

* ✅ **Preserve References**: Generates `var(--ref)` for CSS and `{ref}` for JSON (compatible with Token Studio).

* ✅ **Resolve Values**: Option to flatten aliases to raw hex values.

* **Flexible Formats**:

* CSS Custom Properties (`:root`)

* JSON (Nested structure with metadata)

* **Premium UI**: Clean, modern interface with dark mode code preview.

* **One-Click Export**: Copy to clipboard or download as a file.

Perfect for Design Systems and Developer Handoff!