skills.rest
Umbral-Bot
Umbral-BotOFFICIAL
Explore all skills by this author →
GitHub

figma

Interact with the Figma REST API to read file structures and export assets.

Updated Feb 26, 2026
Search Tags:#design#collaboration#api#figma#assets#export
One-click install
npx skills add https://github.com/Umbral-Bot/umbral-agent-stack --skill figma-umbral-bot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma
Source: https://github.com/Umbral-Bot/umbral-agent-stack/tree/main/openclaw/workspace-templates/skills/figma
Command: npx skills add https://github.com/Umbral-Bot/umbral-agent-stack --skill figma-umbral-bot

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines design workflows by enabling programmatic interaction with Figma, automating tasks like reading file structures, exporting assets, and managing design feedback.

Core Features & Use Cases

  • Read File Structure: Understand the organization and metadata of Figma files.
  • Export Assets: Generate images (PNG, SVG, JPG, PDF) of specific frames or components.
  • Manage Comments: Add and list comments for design review and collaboration.
  • Use Case: A developer needs to quickly grab the latest version of a logo component from Figma as a PNG. This Skill can automate that export process.

Quick Start

Use the figma skill to export the frame with ID '1:2' from the file 'abc123XYZ' as a PNG image.

Frequently Asked Questions about figma

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

FAQPage Schema
How do I export Figma frames or components as images programmatically?▼

Export Figma assets by providing a file key and specific layer IDs to generate images in formats like PNG, SVG, JPG, or PDF. This automates retrieving design assets directly via the Figma REST API.

Do I need a Figma API key to read file structures and manage comments?▼

Yes, a FIGMA_API_KEY is required for authentication. You must also provide specific file keys to access document structures, read metadata, or manage design comments through the REST API.

Can I automate adding and listing design review comments in Figma?▼

Automate Figma comment management by interacting with the REST API to list existing feedback or add new comments. This streamlines design review and collaboration workflows programmatically.

What is the best way to get the latest version of a logo component from Figma as a PNG?▼

Retrieve a logo component as a PNG by targeting its specific node ID within a Figma file key. This automates asset generation, ensuring you grab the latest design version without manual exporting.

Does this Figma integration require any specific execution environment?▼

Yes, this Figma integration utilizes Umbral Worker tasks for execution. Alongside the Umbral Worker environment, you must supply a valid FIGMA_API_KEY and target file keys for processing API requests.

Related Skills

Explore More Design & Creative Skills→
aydendenaydenden

figma

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

Community
Advanced
AZANIRAZANIR
2

qa-testcase-from-ui

Generate test cases from UI screenshots and Figma exports via vision analysis.

Community
Intermediate
Umbral-BotUmbral-Bot

umbral-worker

Execute, enqueue, and monitor tasks via the Umbral Worker API with typed tools and async operations.

Official
Intermediate
tmarsbrtmarsbr

figma-automation

Automate Figma file, component, token, and comment workflows via Rube MCP.

Community
Advanced