PromptDesign
Create a small visual system
Define a coherent palette, type scale, spacing, and component rules for a specific product.
✳Claude◎ChatGPT✦Gemini
By Dave AIDave AI original
MIT · FreeView prompt
Installable skillMIT
Figma Export Automator
Exports assets from Figma files using the Figma REST API v1. Extracts component sets, design tokens (colors, typography, spacing), and renders frames as SVG/PNG. Generates CSS custom properties from styles.
instructions.md
--- name: figma-export-automator slug: "figma-export-automator" description: "Exports assets from Figma files using the Figma REST API v1. Extracts component sets, design tokens (colors, typography, spacing), and renders frames as SVG/PNG. Generates CSS custom properties from styles." verification: "security_reviewed" source: "https://developers.figma.com/docs/rest-api/" author: "Figma" category: "Image & Creative Automation" framework: "Claude Agents" --- # Figma Export Automator Exports assets from Figma files using the Figma REST API v1. Extracts component sets, design tokens (colors, typography, spacing), and renders frames as SVG/PNG. Generates CSS custom properties from styles. ## 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-export-automator/)--- name: figma-export-automator slug: "figma-export-automator" description: "Exports assets from Figma files using the Figma REST API v1. Extracts component sets, design tokens (colors, typography, spacing), and renders frames as SVG/PNG. Generates CSS custom properties from styles." verification: "security_reviewed" source: "https://developers.figma.com/docs/rest-api/" author: "Figma" category: "Image & Creative Automation" framework: "Claude Agents" --- # Figma Export Automator Exports assets from Figma files using the Figma REST API v1. Extracts component sets, design tokens (colors, typography, spacing), and renders frames as SVG/PNG. Generates CSS custom properties from styles. ## 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-export-automator/)
COMPATIBILITY & REFERENCES
Platform guidance
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.