Back to Plugins

Vgen - Variable Generator
Vgen — Instantly convert palettes into clean, conflict‑free Figma color variables.
Plugin Preview
About this plugin
Vgen scans selected colors and instantly generates organized Figma color variables, collections, and modes using smart naming rules. It prevents duplicate names, auto-detects bindings to deleted variables, and offers safe, one‑click restoration so your color system stays consistent and production‑ready.
Key highlights
- Auto-create variables: Scan a selection and generate color variables, collections, and modes automatically.
- Smart naming: Apply consistent, customizable naming rules for predictable, human‑readable variable names.
- Duplicate protection: Detect and prevent name conflicts to avoid accidental overwrites.
- Restore deleted variables: Identify colors bound to deleted variables and restore them safely with one click.
- Ready for collaboration: Generated variables are immediately usable by designers and developers, speeding up handoff.
Turn palettes into production-ready Figma variables in one click — smart names, organized collections, and safe restores.
Plugin Details
| Version | 2 |
|---|---|
| Created | September 29, 2025 |
| Last Updated | October 13, 2025 |
| Category | File organization plugins |
| Creator | Jay Lee |
| Stats | 26 installs, 13 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
More Like This
Discover other plugins in the File organization plugins category.