Exports specific Figma nodes as high-quality local image files using the Figma REST API or Desktop MCP.
This skill enables Claude to capture and save specific Figma design components directly to your local workspace, bridging the gap between design mockups and frontend development. It primarily utilizes the Figma REST API to provide high-fidelity exports with customizable scaling and multiple file formats, while offering a seamless fallback to the Figma Desktop app's Model Context Protocol (MCP) if API credentials are not provided. This tool is essential for developers who need to reference design assets locally or automate the extraction of UI components for implementation.
Key Features
01Export specific Figma nodes using file keys and node IDs
02Direct saving of design assets to specified local file paths
03Customizable export scaling ranging from 0.01x to 4x
04Support for multiple formats including PNG, JPG, SVG, and PDF
051 GitHub stars
06Automatic fallback to Figma Desktop MCP when REST API is unavailable
Use Cases
01Capturing design snapshots for documentation or code review references
02Syncing local asset directories with the latest design iterations from Figma
03Automating the download of UI components for rapid frontend implementation
