figma

Automates reading Figma design data and exporting assets via REST API.

8|1|Updated Apr 21, 2026
One-click install
npx skills add https://github.com/mnlt/teleport --skill figma-mnlt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma
Source: https://github.com/mnlt/teleport/tree/main/skills/figma
Command: npx skills add https://github.com/mnlt/teleport --skill figma-mnlt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Access and extract data from Figma files programmatically, enabling automation of design-to-code workflows and asset exports without opening the GUI.

Core Features & Use Cases

  • Read full file JSON (nodes, components, styles) via GET /v1/files/:file_key.
  • Retrieve targeted subtrees or metadata with /nodes, /meta, and version history.
  • Export images and rendered assets (PNG/SVG/JPG/PDF) using /images and /v1/images endpoints.
  • Access team libraries and published components for design-system synchronization.
  • Use cases include code generation input, design-system audits, and automated asset delivery.

Quick Start

Query a Figma file's node tree and export a frame as PNG using the REST API.

Frequently Asked Questions about figma

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

FAQPage Schema
How do I export Figma assets programmatically without the GUI?

You can export Figma assets programmatically by calling the /v1/images endpoint to render and download nodes as PNG, SVG, JPG, or PDF files via the REST API.

How do I extract a Figma node tree for code generation?

To extract a Figma node tree for code generation, retrieve the full file JSON or targeted subtrees using the GET /v1/files/:file_key and /nodes endpoints.

Do I need a Figma access token to read design data via the API?

Yes, you need a valid Figma access token to authenticate requests to the base API URL at https://api.figma.com for reading files, nodes, images, and components.

Can I batch export images and components from Figma files?

Yes, you can batch export images and rendered components from Figma files by automating requests to the /images and /v1/images endpoints with proper rate limits.

What's the best way to sync design systems from Figma team libraries?

The best way to sync design systems is to access team libraries and published components through the Figma REST API to automate extracting component metadata and styles.

Are there rate limits when retrieving Figma file metadata and version history?

Yes, the Figma REST API enforces proper rate limits and scopes when retrieving file metadata, targeted subtrees, and version history to prevent excessive requests.