cc-figma-tokens
CommunitySync tokens to Figma by building token libraries.
Authorartosetrov
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Build and maintain Figma token libraries from component-contracts token files, enabling design teams to use native variables in their UI.
Core Features & Use Cases
- Creates two Figma collections, Primitives and Semantic, with value-based tokens and alias-based semantic tokens that components bind to.
- Reads project-wide configuration from .component-contracts and validates token directories before any writes, ensuring safe setup.
- Requires and encourages the use of the figma-use and figma-generate-library skills, and mandates passing skillNames: "cc-figma-tokens" for all use_figma calls.
- Useful when syncing token definitions to Figma for design-system consistency, enabling updates when primitives or semantics change.
Quick Start
Call this skill with your project’s token and contract directories to build the Figma token libraries.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: cc-figma-tokens Download link: https://github.com/artosetrov/iron-fist-arena-backend/archive/main.zip#cc-figma-tokens 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 471,000+ vetted skills library on demand.