figma-variables-generator
OfficialGenerate Figma variables JSON.
Authorbacchus-labs
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the creation of JSON files required for importing design tokens as variable collections into Figma, streamlining the design system workflow.
Core Features & Use Cases
- JSON Generation: Creates structured JSON compatible with Figma's variable import plugins.
- Mode Support: Handles multiple design modes (e.g., Light/Dark).
- Variable Referencing: Supports aliasing variables within the collection.
- Use Case: A designer needs to convert a set of color tokens from a text file into a Figma variable collection for a new design system. This Skill can generate the necessary JSON for easy import.
Quick Start
Use the figma-variables-generator skill to create a JSON file for a new Figma color collection named 'Brand Colors' with primary and secondary colors.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: figma-variables-generator Download link: https://github.com/bacchus-labs/wrangler/archive/main.zip#figma-variables-generator Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.