Figma Image Exporter · Claude Code and Codex Skill

Download Figma assets into your project — works as a CLI and as an AI agent skill for Claude Code and Codex.

Only downloads layers that have export settings configured in Figma's Export panel.

Install

npm install -g figma-image-exporter

This also installs the Claude Code skill and Codex guidance automatically. Restart Claude Code once to activate the skill.

Figma token

On first run the CLI prompts you to paste a token and offers to save it — that's all most people need.

To set it up manually, get a token at Figma → Settings → Security → Personal access tokens (scope: File content), then:

echo 'export FIGMA_TOKEN=figd_...' >> ~/.zshrc && source ~/.zshrc

Usage

Get the URL by selecting a frame or any element on the page in Figma. The exporter will collect every nested asset marked for export in Figma's Export panel. For quick copying, use Cmd + L on Mac or Ctrl + L on Windows.

Export (saves to ./figma-assets by default):

figma-export "https://www.figma.com/design/[...]"

Export to a custom folder:

figma-export "https://www.figma.com/design/[...]" ./assets

Flags

| Flag | Description | |------|-------------| | --dry-run | Preview what would be exported, without downloading | | --case <style> | File name case: preserve (default), kebab, or camel | | --manifest <name> | Manifest file name (default export-manifest.json) |

The CLI also writes export-manifest.json with each asset's local path and Figma nodeId. Keep it with the images so agents using Figma MCP can trace exported files back to their source nodes.

With Claude Code or Codex

After npm install -g, paste a Figma link and ask your agent to export assets — the skill is already installed.

Check installed version

figma-export --version

Uninstall

npm uninstall -g figma-image-exporter