Figma Design Token Extractor 3

---
name: "Figma Design Token Extractor"
slug: "figma-design-token-extractor-3"
description: "Extracts design tokens from Figma files using the Figma REST API and style-dictionary. Generates CSS custom properties, Tailwind configs, and Swift/Kotlin theme files from Figma components."
verification: "security_reviewed"
source: "https://developers.figma.com/docs/rest-api/"
author: "Figma"
category: "Image & Creative Automation"
framework: "Cursor"
---

# Figma Design Token Extractor

Extracts design tokens from Figma files using the Figma REST API and style-dictionary. Generates CSS custom properties, Tailwind configs, and Swift/Kotlin theme files from Figma components.

## Installation

Use the upstream install or setup path that matches your environment:
- Make requests for different resources:

Requirements and caveats from upstream:
- Once granted access, you can use the Figma API to inspect a JSON representation of the file. Every layer or object in a file will be represented within the file by a node (subtree). You will then be able to access and...

Basic usage or getting-started notes:
- The Figma API supports access and interactions with Figma's different products. This gives you the ability to do things such as view and extract any objects or layers, and their properties from files, get usage data,...
- Get usage and analytics data:
- For example: GET https://api.figma.com/v1/files/:key

- Source: https://developers.figma.com/docs/rest-api/

## Documentation

- https://developers.figma.com/docs/rest-api/

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/figma-design-token-extractor-3/)