skills.rest
89jobrien
89jobrienCOMMUNITY
Explore all skills by this author →
GitHub

figma-use

Automate scripted creation, querying, and modification of Figma nodes.

Updated Apr 28, 2026
Search Tags:#automation#figma#headless#design-systems#component-patterns#plugin-api
One-click install
npx skills add https://github.com/89jobrien/warpx --skill figma-use-89jobrien
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-use
Source: https://github.com/89jobrien/warpx/tree/main/resources/bundled/mcp_skills/figma/figma-use
Command: npx skills add https://github.com/89jobrien/warpx --skill figma-use-89jobrien

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Automate repetitive Figma design workflows by exposing the plugin API in a headless/context-rich environment, enabling scripted creation, modification, and querying of design assets without manual UI interaction.

Core Features & Use Cases

  • Programmatic node creation and edits using the use_figma skill to build components, frames, and layouts.
  • Multi-step workflows for design-system token binding, component metadata extraction, and design-to-code alignment.
  • Use cases include creating token-driven components, binding variables to paints/text, and performing incremental changes across pages with deterministic steps.

Quick Start

Load the use_figma context, switch to the target page, and run a minimal script to create a node and return its ID.

Frequently Asked Questions about figma-use

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

FAQPage Schema
How do I automate Figma design tasks using the plugin API?▼

It automates Figma design workflows by exposing the plugin API in a headless environment, enabling scripted node creation, querying, and modification without manual UI interaction.

How do I programmatically switch pages and create nodes in Figma files?▼

You can programmatically switch pages using setCurrentPageAsync and execute atomic scripts to create nodes. The process requires loading the use_figma context and running a minimal script to return the new node's ID.

Can I use this to manage design-system tokens and bind variables in Figma?▼

Yes, you can manage design-system tokens by running multi-step workflows for token binding. It supports binding variables to paints and text, enabling token-driven component creation and metadata extraction.

Does this Figma automation approach require the MCP runtime environment?▼

Yes, this Figma automation approach requires the MCP runtime environment. It enforces strict frontmatter, return values, and robust error handling specifically for headless operation within that runtime.

What are the limitations of running headless Figma scripts for component workflows?▼

Headless Figma scripts require strict frontmatter and robust error handling to prevent failures during atomic execution. You must manage deterministic steps carefully, as scripts lack manual UI interaction for error recovery.

Related Skills

Explore More Design & Creative Skills→
syafiqnordin-seetrusyafiqnordin-seetru

figma-use

Execute Figma Plugin API scripts in an MCP environment with incremental validation.

Community
Advanced
kaikunnnnkaikunnnn

design

Map Figma design nodes to Tailwind CSS tokens and component structures.

Community
Advanced
AradotsoAradotso
7

figma-mcp-go

Perform CRUD operations on Figma designs via an MCP server plugin bridge.

Official
Advanced
calvingitcalvingit
2

figma-use

Automates Figma design tasks via deterministic scripts using the Plugin API.

Community
Advanced