skills.rest
Lutra23
Lutra23COMMUNITY
Explore all skills by this author →
GitHub

figma

Access Figma files read-only to extract tokens, assets, and design data.

Updated Jan 31, 2026
Search Tags:#accessibility#figma#reporting#design-tokens#design-analysis#asset-export
One-click install
npx skills add https://github.com/Lutra23/content-workflow --skill figma-lutra23
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma
Source: https://github.com/Lutra23/content-workflow/tree/main/skills/figma
Command: npx skills add https://github.com/Lutra23/content-workflow --skill figma-lutra23

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Figma files can be time-consuming to analyze and hand off to developers. This Skill provides read-only inspection, analysis, and export workflows to extract data, tokens, and assets from Figma files, enabling faster audits and handoffs.

Core Features & Use Cases

  • Design system analysis: audit tokens, styles, colors, typography for consistency.
  • Asset export: batch export frames, components, or nodes in PNG/SVG/PDF, with multi-format outputs.
  • Accessibility & reporting: generate WCAG-focused reports and documentation for clients or teams.

Quick Start

Install and configure Figma API access, then run example commands to fetch a file, export assets, and generate reports.

Frequently Asked Questions about figma

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

FAQPage Schema
How do I extract design tokens from Figma files for a design system audit?▼

You can extract design tokens from Figma files by running read-only inspection commands that analyze styles, colors, and typography for consistency. This enables fast design system audits and token extraction without modifying the original file.

Can I batch export Figma components as PNG, SVG, and PDF?▼

Yes, you can batch export Figma frames, components, or nodes as PNG, SVG, and PDF files. The Skill supports multi-format asset exports including CSS and JSON outputs to streamline developer handoffs.

Does this Figma API integration require write access to my design files?▼

No, this Figma API integration enforces read-only data access using token-based authentication. It inspects files, extracts components, and exports assets safely without modifying your original design files.

How do I generate a WCAG accessibility report from a Figma design?▼

To generate a WCAG accessibility report from a Figma design, the Skill analyzes file data to assess compliance and produces documentation. This helps teams identify and resolve accessibility issues during the handoff process.

What's the best way to automate Figma asset export and token extraction for developer handoff?▼

The best way to automate Figma asset export and token extraction is through read-only API workflows that output JSON and CSS. This Skill batches asset exports in multiple formats and extracts tokens to accelerate developer handoffs.

Are there limitations to analyzing Figma files via API for design analysis?▼

Limitations of analyzing Figma files via API include strict read-only operations that prevent modifying designs. The Skill enforces token-based authentication and error handling to safely inspect files and extract components without altering source data.

Related Skills

Explore More Design & Creative Skills→
aydendenaydenden

figma

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

Community
Advanced
bacchus-labsbacchus-labs
4

design-system-governance

Detect design token drift between Figma and code implementations.

Official
Advanced
no-problem-devno-problem-dev

store-icon

Convert SVG icon designs into Apple HIG-compliant 1024x1024 PNG icons.

Official
Intermediate
mims-harvardmims-harvard
1.6k

setup-tooluniverse

Install ToolUniverse and configure MCP with Cursor or Claude Desktop.

Official
Advanced