Skills
.Work. You
Rest

figma-discover

Official

Convert Figma frames into token-ready JSON

Design & Creative#design system#MCP#discovery#figma#design tokens#json output#component states
Authoraziontech
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It turns a Figma frame into a structured, token-ready JSON payload so downstream pipelines can generate consistent design system outputs without manually interpreting the frame.

Core Features & Use Cases

  • Design token discovery: Extracts named variables (with resolved values) from the target frame.
  • Component anatomy and behavior: Captures regions (e.g., header/body/footer/actions) and interactive states (default/hover/active/focus/disabled, plus other exposed states).
  • Token pipeline compatibility: Emits a single JSON blob to stdout for immediate consumption by the next step that maps tokens.

Quick Start

Use the figma-discover skill by providing a Figma frame URL (or nodeId) to produce a single JSON blob containing variables, regions, and states.

Dependency Matrix

Required Modules

None required

Components

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: figma-discover
Download link: https://github.com/aziontech/webkit/archive/main.zip#figma-discover

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.