Token Auto Assignment

About this plugin

### What does this plugin do?

Token Auto Assignment helps designers and developers quickly apply design tokens (variables) to multiple layers in Figma. Instead of manually assigning tokens one by one, this plugin automates the process with intelligent mapping.

### Key Features

✨ **Sequential Token Assignment**

- Automatically maps tokens to layers in order (1:1 mapping)

- Cycles through tokens if you have more layers than tokens

- Perfect for applying color palettes, spacing systems, or typography scales

🎯 **Smart Property Detection**

- Auto-detects the right property based on token type

- COLOR → Fill

- FLOAT → Corner Radius, Width, Height, Spacing

- STRING → Text Content

🔍 **Powerful Filtering**

- Filter layers by name

- Show/hide hidden layers

- Filter tokens by type (Color, Number, Text, Boolean)

- Search tokens by path or name

✅ **Manual Control**

- Select specific layers to apply tokens to

- Checkbox selection for both layers and tokens

- Change token assignment per layer

- Change property per layer (Fill, Stroke, Corner Radius, etc.)

📋 **Preview Before Apply**

- See the complete mapping table before applying

- Adjust any mapping manually

- Enable/disable specific mappings

↶ **Undo Support**

- Undo last assignment with one click

- Restores previous variable bindings

💾 **Save Configuration**

- Save your token selections and order

- Auto-loads last configuration when reopening

### Perfect For

- Applying color palettes to multiple elements

- Setting up spacing systems across frames

- Batch assigning corner radius values

- Mapping typography tokens to text layers

- Quick token testing and prototyping

### How to Use

1. **Select layers** in Figma

2. **Choose tokens** from the tree structure

3. **Preview the mapping** - plugin auto-generates layer-to-token assignments

4. **Adjust if needed** - change tokens or properties in the preview table

5. **Apply** - all tokens assigned instantly!

### Requirements

- Works with local variables/tokens in Figma

- Supports all variable types: COLOR, FLOAT, STRING, BOOLEAN