Variables and Styles Extractor

About this plugin

# Variables & Styles Extractor

**The most powerful and complete solution for transferring design systems between Figma files.**

Export and import your entire design system with full fidelity - variables, styles, modes, aliases, and even library references.

---

## ✨ What You Can Transfer

### Variables

- ✅ Color Variables

- ✅ Number Variables

- ✅ String Variables

- ✅ Boolean Variables

- ✅ Variable Collections

- ✅ Multiple Modes (up to 20+)

- ✅ Variable Aliases & References

- ✅ Library-Linked Variables

### Styles

- ✅ Color Styles (Solid, Gradient, Image fills)

- ✅ Text Styles (with all typography settings)

- ✅ Effect Styles (Shadows, Blur, etc.)

- ✅ Grid Styles (Rows, Columns, Grid)

- ✅ Multi-paint Color Styles

---

## 🚀 Key Features

### 🔗 Library Reference Support

Automatically detects and preserves links to team libraries. When importing to a file with the same libraries connected, references are restored automatically.

### 🖼️ Image Transfer

Export color styles with embedded image data. Images are transferred between files without losing quality.

### ↩️ Automatic Rollback

Made a mistake? The plugin automatically creates a backup before import. One-click undo restores your file to its previous state.

### ⚡ Lightning Fast

Optimized for large design systems. Web Worker-based parsing handles 1MB+ JSON files without freezing Figma.

### 🎯 Smart Import Options

- **Smart Merge** - Intelligently combines with existing variables

- **Clean Import** - Start fresh with a clean slate

- **Custom Merge** - Choose exactly what to clear

### ✅ Pre-Import Validation

- Font availability checking

- Library connection status

- Plan compatibility warnings

- External dependency detection

---

## 💡 Perfect For

| Use Case | How It Helps |

|----------|--------------|

| **Design System Teams** | Sync tokens across multiple files |

| **Agency Designers** | Clone systems for new client projects |

| **UI Kit Creators** | Package complete design systems |

| **Design Migrations** | Move from other tools to Figma |

| **Version Control** | Backup and restore design tokens |

---

## 🔧 How It Works

### Export

1. Open the plugin in your source file

2. Select collections and styles to export

3. Click Export → Download JSON

### Import

1. Open the plugin in your target file

2. Load your JSON file

3. Review the preview and validation

4. Click Import → Done!

---

## 🆚 Why Choose This Plugin?

| Feature | Variables & Styles Extractor | Others |

|---------|------------------------------|--------|

| All Variable Types | ✅ | Partial |

| Multiple Modes | ✅ Up to 20+ | Limited |

| Gradient Styles | ✅ | ❌ |

| Image Fills | ✅ | ❌ |

| Library References | ✅ | ❌ |

| Automatic Rollback | ✅ | ❌ |

| Font Validation | ✅ | ❌ |

---

## 🔒 Privacy & Security

- **100% Local** - No data sent to external servers

- **No Account Required** - Works offline

- **No Tracking** - Your designs stay private

---

## 📋 Requirements

- Figma Desktop or Web

- No external dependencies

---

**Made with ♥ by The Keep Collective**

Questions or feedback? We'd love to hear from you!