skills.rest
toqoz
toqozCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

figma-export

Export Figma design nodes to PNG, JPG, SVG, or PDF assets.

Updated Oct 15, 2021
Search Tags:#automation#design#api#figma#assets#export
One-click install
npx skills add https://github.com/toqoz/config --skill figma-export-toqoz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-export
Source: https://github.com/toqoz/config/tree/main/home/agents/skills/figma-export
Command: npx skills add https://github.com/toqoz/config --skill figma-export-toqoz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill eliminates the manual overhead of exporting assets from Figma by providing a direct, CLI-based interface to the Figma REST API for automated image generation.

Core Features & Use Cases

  • Automated Exports: Generate PNG, JPG, SVG, or PDF assets from specific Figma nodes or URLs with custom scale factors.
  • Secure Auth Management: Handles project-scoped authentication via macOS Keychain to ensure secure access to Figma files.
  • Use Case: When a developer needs to generate 2x and 3x assets for a mobile app directly from a design file, this skill automates the retrieval and saving of those assets to the local repository.

Quick Start

Use the figma-export skill to export the node at the provided URL to a PNG file at 2x scale in the current directory.

Frequently Asked Questions about figma-export

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate exporting Figma assets via the REST API?▼

To automate Figma asset exports via the REST API, use a local CLI wrapper to target specific design nodes and generate PNG, JPG, SVG, or PDF files. It supports custom scale factors for automated design-to-code workflows.

Can I export specific Figma nodes to PNG using a CLI?▼

Yes, you can export specific Figma nodes to PNG using a CLI by providing explicit file-key or node-id parameters. This allows targeted asset generation directly from a Figma design file URL.

Does the Figma export CLI require macOS Keychain for authentication?▼

Yes, automated Figma exports require macOS Keychain for secure project-scoped authentication. This ensures your Figma API token is safely stored and managed during local asset generation.

What is the best way to generate 2x and 3x mobile assets from Figma?▼

The best way to generate 2x and 3x mobile assets from Figma is using an automated CLI wrapper. It retrieves specific design nodes via the Figma REST API and saves scaled image files directly to your local repository.

What image formats are supported when exporting Figma design nodes?▼

Supported image formats for exporting Figma design nodes include PNG, JPG, SVG, and PDF. You can specify these formats alongside custom scale factors when requesting automated asset generation.

Related Skills

Explore More Design & Creative Skills→
aydendenaydenden

figma

Retrieve Figma file structure, node details, and style metadata via REST API.

Community
Advanced
kaanygitkaanygit
1

png-to-svg

Convert PNG/JPG icons and logos into SVG with automated algorithm selection.

Community
Intermediate
AzureManagedRedisAzureManagedRedis
2

amr-migration-skill

Automate Azure Cache for Redis to Azure Managed Redis migration via ARM REST APIs.

Official
Advanced
manushi4manushi4
11

design-figma

Create and edit Figma designs programmatically via browser automation.

Community
Advanced