Figma Design Token Extractor

Extracts design tokens from Figma files using the Figma REST API and style-dictionary. Generates CSS custom properties, Tailwind configs, and Swift/Kotlin theme files from Figma components.

Installation

Method 1, Agent Skill Exchange

• Install from the marketplace listing: https://agentskillexchange.com/skills/figma-design-token-extractor-3/

Method 2, Git clone

git clone https://github.com/agentskillexchange/skills.git && cd skills/skills/figma-design-token-extractor-3

Method 3, Download ZIP

• Download the repository ZIP and extract skills/figma-design-token-extractor-3.

Method 4, Manual copy

• Copy this skill folder into your local skills directory, then reload your agent tooling.

Method 5, Fork and sync

• Fork the repository if you want to maintain local edits while syncing upstream changes.

Source

• Agent Skill Exchange