skills.rest
denniscalazans
denniscalazansCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

figma-api

Query Figma REST API files, export assets, and extract design tokens.

3|1|Updated Mar 2, 2026
Search Tags:#automation#api#figma#design tokens#rest api#asset export
One-click install
npx skills add https://github.com/denniscalazans/denniscalazans-plugins --skill figma-api-denniscalazans
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-api
Source: https://github.com/denniscalazans/denniscalazans-plugins/tree/main/plugins/dc/skills/figma-api
Command: npx skills add https://github.com/denniscalazans/denniscalazans-plugins --skill figma-api-denniscalazans

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill enables programmatic interaction with the Figma REST API, allowing for automated design data retrieval, asset export, and more, without relying on manual UI interactions or limited MCP integrations.

Core Features & Use Cases

  • Figma API Access: Securely query Figma files, components, styles, variables, comments, and versions using op run for token management.
  • Asset Export: Programmatically export nodes as images (PNG, JPG, SVG, PDF) with specified scales and formats.
  • Design Token Extraction: Retrieve design tokens (colors, text styles, effects, variables) directly from Figma files.
  • Use Case: Automate the process of extracting all color styles from a Figma design system library and exporting them as a JSON file for use in a web application's design token system.

Quick Start

Use the figma-api skill to get the file name and last modified date for the Figma file with key 'ABC123'.

Frequently Asked Questions about figma-api

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

FAQPage Schema
How do I export Figma assets programmatically using the REST API?▼

No, this Skill handles Figma API token resolution securely using 1Password's `op run` command. It manages authentication automatically, so you do not need to manually expose or configure raw Figma API tokens within your scripts.

Can I extract design tokens from a Figma file via the API?▼

Yes, you can extract design tokens directly from Figma files by retrieving colors, text styles, effects, and variables through the Figma REST API. This allows you to automate syncing your design system library into a web application's token system.

How does the Skill handle large JSON responses from the Figma REST API?▼

The Skill handles large JSON responses from the Figma REST API by executing API calls within isolated sub-agents. This architecture manages payload size effectively, preventing context overflow when querying complex file structures or component data.

What Figma file metadata can I retrieve using API automation?▼

Using Figma REST API automation, you can retrieve file names, last modified dates, file structures, components, styles, variables, comments, and version history. This enables comprehensive programmatic access to your design data.

Do I need 1Password to manage Figma API tokens for automation?▼

Yes, this Skill requires 1Password and the `op run` command to securely resolve Figma API tokens. This ensures your credentials are fetched securely at runtime rather than being stored in plain text environment variables.

Related Skills

Explore More Design & Creative Skills→
HarriesHarries

1password

Manage secrets securely with the 1Password CLI by reading, injecting, and running commands with them.

Community
Intermediate
theodrosyimertheodrosyimer

figma-sync

Synchronize design tokens between Figma and local DTCG JSON files.

Community
Intermediate
AmitabhainArunachalaAmitabhainArunachala
1

RLM Synthesis Skill

Process contexts exceeding token limits via Recursive Language Models.

Community
Advanced
Yuyz0112Yuyz0112
19

figma-api

Access Figma files, nodes, and metadata via the REST API.

Community
Intermediate