skills.rest
mukiwu
mukiwuCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

figma-export

Export Figma frames as PNG images via URL with scaling and node selection.

58|5|Updated Mar 23, 2026
Search Tags:#png#figma#screenshot#export#design-review#visual-review
One-click install
npx skills add https://github.com/mukiwu/muki-ai-plugins --skill figma-export
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-export
Source: https://github.com/mukiwu/muki-ai-plugins/tree/main/plugins/figma-visual-reviewer/skills/figma-export
Command: npx skills add https://github.com/mukiwu/muki-ai-plugins --skill figma-export

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires requests, and includes scripts (resource) components.

What problem does it solve?

Export Figma frames as PNG images for visual comparison and design QA.

Core Features & Use Cases

  • Export a single frame from a Figma URL as a PNG.
  • Specify the frame using a node-id or a file URL.
  • Supports optional scaling and easy integration into design-review workflows.

Quick Start

Run the export script with your Figma URL to generate a PNG by executing: python scripts/figma-export.py "<figma_url>" --output design.png.

Frequently Asked Questions about figma-export

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

FAQPage Schema
How do I export a Figma frame to PNG for a visual design review?▼

To export a Figma frame to PNG, run the figma-export.py script with your Figma file URL and an output filename. This generates a PNG image snapshot for quick visual comparison and design QA checks.

Can I specify which exact frame to export from a Figma file?▼

Yes, you can specify which exact frame to export from a Figma file by providing a node-id parameter. This targets a specific frame within the Figma file URL for accurate PNG visual capture during design review.

Do I need a Figma access token to export frames as PNG images?▼

Yes, you need a FIGMA_ACCESS_TOKEN set in your environment to export frames as PNG images. The export script also requires a Python runtime and the requests library to fetch frame data from Figma.

Does the Figma PNG export support scaling for high-resolution screenshots?▼

Yes, the Figma PNG export supports optional scaling for high-resolution screenshots. You can apply a scale parameter when running the export script to adjust the output size of your Figma frame snapshot.

What is the best way to automate Figma frame exports for visual checks?▼

The best way to automate Figma frame exports for visual checks is using a Python script with the requests library. By passing Figma URLs and node-ids via command line, you can quickly generate PNG snapshots for design review workflows.

What are the limitations of using a URL-based script for Figma frame exports?▼

A limitation of URL-based Figma frame exports is the dependency on a valid FIGMA_ACCESS_TOKEN and the requests library. It captures static PNG snapshots for visual review and does not support interactive design editing or real-time collaboration.

Related Skills

Explore More Design & Creative Skills→
Eva813Eva813
2

figma-export

Export Figma frames as PNG images via a Python script.

Community
Intermediate
kobogithubkobogithub

uiux-pixelmatch

Compare PNG screenshots against design exports using pixelmatch for visual regression testing.

Community
Advanced
barrydobsonbarrydobson

devops

Advocate DevOps principles including CI/CD, IaC, automated testing, monitoring, and security scanning for delivery pipelines.

Community
Intermediate
pmcdowallpmcdowall

macos-computer-use

Control macOS desktop interfaces without stealing user input focus.

Community
Advanced