skills.rest
bitovi
bitoviOFFICIAL
Explore all skills by this author →
WebsiteGitHub

figma-explore

Discover and summarize pages, components, and component sets from Figma files via REST API.

1|6|Updated Dec 22, 2025
Search Tags:#automation#design#api#components#figma#design-system#component-sets
One-click install
npx skills add https://github.com/bitovi/carton-case-management --skill figma-explore
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-explore
Source: https://github.com/bitovi/carton-case-management/tree/main/.github/skills/figma-explore
Command: npx skills add https://github.com/bitovi/carton-case-management --skill figma-explore

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Explore a Figma file to discover all pages, components, and component sets using the Figma REST API. Use when you need to list components in a Figma file, find component node IDs for Code Connect, or understand the structure of a design file.

Core Features & Use Cases

  • Discover all component sets and their pages within a Figma file.
  • Retrieve node IDs for components and export structured metadata for design tooling.
  • Use Case: When building a Design System, quickly map components and their variants.

Quick Start

Run the figma-explore script with a Figma file URL to enumerate components and output a JSON index.

Frequently Asked Questions about figma-explore

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I list all components in a Figma file using the REST API?▼

You can map Figma components by running an exploration script that queries the Figma REST API to discover all pages and component sets, outputting an indexed component catalog and individual component evidence in JSON format.

How do I find component node IDs for Figma Code Connect?▼

To locate node IDs for Figma Code Connect, batch read nodes through the Figma REST API to retrieve specific component identifiers and export structured metadata for your design tooling setup.

What is the best way to map a design system structure in Figma?▼

Mapping a Figma design system structure is best achieved by automating REST API requests to discover and summarize all component sets, providing a structured JSON catalog of your file's components and variants.

Can I get a structured JSON output of Figma component sets?▼

Yes, you can get structured JSON output of Figma component sets by running an automated exploration script that enumerates components and returns an indexed JSON catalog along with individual component evidence.

Does exploring a Figma file structure require manual component checks?▼

Exploring a Figma file structure does not require manual component checks because the process automates authenticated API requests and batched node reads to summarize all pages and components directly into an indexed catalog.

Related Skills

Explore More Design & Creative Skills→
aydendenaydenden

figma

Retrieve Figma file structure, node details, and style metadata via REST API.

Community
Advanced
ahandselahandsel
1

figma-code-connect

Generate Figma Code Connect .figma.ts template files from Figma URLs.

Community
Advanced
codesour-designcodesour-design

apply-design-system

Reconnects existing Figma designs to published design system components.

Community
Advanced
thesammykinsthesammykins

figma-implement-design

Translate Figma design nodes into React UI code using design tokens.

Community
Advanced