Unlimited Variable Modes: Sync Google Sheets, Excel, CSV, JSON for Localization, Translation, Themes

About this plugin

The ultimate solution to manage Figma variables. Import from or Export to Google Sheets, Excel XLS/XLSX, CSV, or JSON without variable 1-mode limits.

🌟 Core Highlights

1. 🔥 Unlimited Variable Modes: Manage infinite languages, themes, or data sets in your spreadsheet. This plugin virtually switches values on the fly.
2. ⚡️ Universal Import: Paste a Google Sheets URL, or any URL that returns CSV or JSON data (e.g. GitHub raw link, custom API).
3. 💾 Export Variables: Backup your Figma variables to Excel, CSV or JSON.
4. 🎯 Smart Auto-Binding: One click to find and bind text layers that match your variable values. Perfect for instant Localization (i18n).

💎 Plans

1. Free Plan: Includes a generous weekly allowance for applying and exporting variables. Perfect for light usage and small projects.
2. Pro Plan: Unlimited Syncs. Unlock the full potential for power users and teams. No limits, just pure productivity.

🚀 How to Use

Google Sheets:

1. Create a sheet with the first row as headers (e.g., "Variable Name", "en", "zh-CN").

2. Fill in your data. Column A must be the variable names.

3. Click Share (top right) -> Change to "Anyone with the link" -> Copy Link.

Example Data (Google Sheet / Excel / CSV):

1. Row 1 = Modes, Col A = Variable Name
2. Use suffixes: `:color`, `:number`, `:boolean`. No suffix = String.

Example Data (JSON):

Import Variables:

1. Run the plugin.
2. Paste your Google Sheet link or any public direct link into the input box and click "Fetch".
3. Or, click "Import from XLS / XLSX / CSV / JSON" to upload a local file.

Export Variables

1. Select a Collection in the plugin.
2. Click Export to download your variables as an Excel, CSV or JSON file.

Configure & Apply:

1. Select Collection: Choose an existing Variable Collection or enter a name to create a new one.
2. "Select Mode": The plugin will list all modes found in your data (e.g., "en", "zh-CN"). Select the one you want to apply to your design.
3. "Apply": Select the Figma layers you want to update (or select nothing to update everything on the page) and click "Apply".

The plugin automatically finds text layers that match your variable names and binds them to the correct value!

Feedback or bugs? Please leave a comment!