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.
--- name: figma-design-token-extractor-853d74a72f4f 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/)--- name: figma-design-token-extractor-853d74a72f4f 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/)
Imported from the listed AgentSkill.sh category. Complete supplied package files and notices are retained. Required external tools and credentials are not installed. No bundled code was executed during import. Individual agent task behavior has not been tested.