figma-analyzer

Extract design assets, metadata, and tokens from Figma files.

27|17|Updated Dec 15, 2025

Search Tags:#automation #design #UI #figma #assets #tokens

One-click install

npx skills add https://github.com/vneseyoungster/ChocoVine --skill figma-analyzer

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: figma-analyzer
Source: https://github.com/vneseyoungster/ChocoVine/tree/main/.claude/skills/figma-analyzer
Command: npx skills add https://github.com/vneseyoungster/ChocoVine --skill figma-analyzer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires requests, python-dotenv, and includes scripts (resource) components.

What problem does it solve?

Automates the extraction of design assets, metadata, and tokens from Figma files, turning design data into structured outputs for analysis, documentation, or handoff.

Core Features & Use Cases

Asset Export: Batch export frames/components as images (PNG/JPG/SVG/PDF)
Metadata Extraction: File structure, node properties, components, and version history
Design Token Extraction: Colors, typography, effects, grids

Quick Start

Obtain a Figma API key, run figma_export.py with a Figma URL and output path, and optionally request token extraction. Example: export frames from a file to output/, using a token loaded from environment or .env.