# Figma Design Token Exporter

> Extracts design tokens from Figma files using the Figma REST API v1 and transforms them into platform-specific formats via Style Dictionary. Supports CSS custom properties, Tailwind config, and iOS/Android native tokens.

- Skill: `agentskillexchange/figma-design-token-exporter` (Agent Skill)
- Install (CLI): `npx skillmds@latest add agentskillexchange/figma-design-token-exporter`
- Raw SKILL.md: https://api.skillmd.com/api/skills/agentskillexchange/figma-design-token-exporter/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: agentskillexchange (https://skillmd.com/u/agentskillexchange)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/agentskillexchange/figma-design-token-exporter

---


# Figma Design Token Exporter

Extracts design tokens from Figma files using the Figma REST API v1 and transforms them into platform-specific formats via Style Dictionary. Supports CSS custom properties, Tailwind config, and iOS/Android native tokens.

## 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-exporter/)