XP Variables
Export XP Variables
Plugin Preview
About this plugin
Figma plugin that reads design variables (tokens) directly from Figma Variables and exports them as a structured JSON file compatible with the BEAM BAT platform (https://dashboard.beambrandcenter.com/). It automates the extraction and formatting process, removing manual mapping and reducing errors when transferring design tokens to the development environment. Ideal for keeping design and implementation aligned and speeding up theme/configuration setup across projects.
How to use
1. Create your variables in Figma using the Variables feature (colors, spacing, typography, etc.).
2. Organize them into categories/collections — the plugin reads from these groups.
3. Run the plugin.
4. In the plugin panel, select the categories you want to export.
5. Click Generate.
6. The plugin will build a JSON file already formatted for BEAM BAT import.
7. Download/save the generated JSON and import it into the BEAM BAT platform.
Plugin Details
| Version | 3 |
|---|---|
| Created | November 5, 2025 |
| Last Updated | February 6, 2026 |
| Category | Software development |
| Creator | Karine Gomes |
| Stats | 1 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.