Back to Plugins
Vgen - Variable Generator

Vgen - Variable Generator

Vgen — Instantly convert palettes into clean, conflict‑free Figma color variables.

Plugin Preview

Vgen - Variable Generator 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

  1. Auto-create variables: Scan a selection and generate color variables, collections, and modes automatically.
  2. Smart naming: Apply consistent, customizable naming rules for predictable, human‑readable variable names.
  3. Duplicate protection: Detect and prevent name conflicts to avoid accidental overwrites.
  4. Restore deleted variables: Identify colors bound to deleted variables and restore them safely with one click.
  5. 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

Version2
CreatedSeptember 29, 2025
Last UpdatedOctober 13, 2025
CategoryFile organization plugins
CreatorJay Lee
Stats26 installs, 13 likes
PricingFree

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