figma-export

Export Figma frames as PNG images via a Python script.

2|1|Updated Jan 3, 2026
One-click install
npx skills add https://github.com/Eva813/skills-base --skill figma-export-eva813
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-export
Source: https://github.com/Eva813/skills-base/tree/main/.agents/skills/figma-visual-reviewer/skills/figma-export
Command: npx skills add https://github.com/Eva813/skills-base --skill figma-export-eva813

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly obtain static screenshots from Figma designs so teams can perform visual comparisons, regression checks, or share precise design references without manual export steps.

Core Features & Use Cases

  • Direct PNG Export: Fetch a specified frame or node from a Figma file and produce a PNG image for visual review.
  • Configurable Output: Supports specifying node-id and scale to control which frame and resolution to export.
  • Use Case: Useful for automated visual reviews, design handoffs, or generating assets for QA when you have a Figma file or frame URL.

Quick Start

Run the provided Python script with a Figma URL and an output filename while ensuring your FIGMA_ACCESS_TOKEN environment variable is set.

Frequently Asked Questions about figma-export

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

FAQPage Schema
How do I export Figma frames to PNG for visual regression testing?

To export Figma frames to PNG for visual regression, apply this Skill to a Figma file or frame URL. It uses a Python script and your FIGMA_ACCESS_TOKEN to fetch the specified node and produce a high-resolution PNG image for automated visual comparison.

Can I specify a particular Figma node and resolution when exporting screenshots?

Yes, you can specify a particular Figma node and resolution when exporting screenshots. The Python-based export script supports optional node-id and scale parameters, allowing you to control exactly which frame is captured and the output resolution of the PNG file.

Do I need a Figma access token to automate design exports?

Yes, you need a Figma access token to automate design exports. The FIGMA_ACCESS_TOKEN environment variable is strictly required to authenticate the Python requests-based script and fetch the design data from your Figma file or frame URL.

What is the best way to get static Figma design screenshots for QA handoffs?

The best way to get static Figma design screenshots for QA handoffs is to use an automated export script. By running this Skill with a Figma URL, you can quickly generate precise high-res PNG references without manual export steps.

Why does my Figma PNG export require a Python script instead of native export?

Your Figma PNG export requires a Python script to automate the process for visual review. This approach uses the requests library to fetch design data via the Figma API, enabling automated visual regression checks and batch generation without manual interaction.

Are there limitations to exporting Figma frames as PNG images?

Limitations of exporting Figma frames as PNG images include the strict requirement of a valid FIGMA_ACCESS_TOKEN environment variable. Additionally, the output is limited to static PNG files, meaning interactive prototypes or vector-specific properties are flattened during the export.