skills.rest
wiltaylor
wiltaylorCOMMUNITY
Explore all skills by this author →
GitHub

figma-use

Executes JavaScript in Figma via the Plugin API to create and modify design elements.

Updated May 1, 2026
Search Tags:#javascript#figma#design automation#plugin api#file manipulation
One-click install
npx skills add https://github.com/wiltaylor/warpium --skill figma-use-wiltaylor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-use
Source: https://github.com/wiltaylor/warpium/tree/main/resources/bundled/mcp_skills/figma/figma-use
Command: npx skills add https://github.com/wiltaylor/warpium --skill figma-use-wiltaylor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires figma-plugin-api, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides the ability to programmatically interact with Figma files, enabling users to execute JavaScript scripts that manipulate and modify design files directly.

Core Features & Use Cases

  • JavaScript Execution: Execute JavaScript in the context of Figma files via the Plugin API.
  • Node Creation and Manipulation: Create and modify nodes like rectangles, frames, components, text, and more.
  • Variable and Style Management: Create and bind variables for colors, text, and other properties.
  • Component Creation and Management: Create and manage components, including variants and property bindings.
  • Use Case: Use this Skill to automate repetitive design tasks, create custom design tools, or integrate Figma into your existing workflow.

Quick Start

Load the figma-use skill before executing any script that interacts with the Figma file, and always specify skillNames: "figma-use" when calling use_figma.

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 JavaScript?▼

You can automate Figma design tasks by executing JavaScript via the Plugin API to programmatically create, manipulate, and modify design elements like frames and text directly within your files.

What can I manipulate in a Figma file using the Plugin API?▼

Using the Plugin API, you can manipulate nodes like rectangles, frames, components, and text, as well as manage variables and styles for various design properties.

Does this approach support creating Figma components and variants?▼

Yes, this approach supports component creation and management, allowing you to generate components, configure variants, and establish property bindings programmatically.

How do I execute JavaScript in the context of Figma files?▼

To execute JavaScript in Figma files, load the figma-use skill before running your script and specify skillNames: "figma-use" when calling use_figma to apply programmatic control.

Do I need the figma-plugin-api dependency to manipulate design elements?▼

Yes, the figma-plugin-api dependency is required to execute the JavaScript scripts needed to create, manipulate, and modify design elements within your Figma files.

Related Skills

Explore More Design & Creative Skills→
Luohao-YanLuohao-Yan
6

figma-use

Execute JavaScript scripts to manipulate Figma files via the Plugin API.

Community
Advanced
daffy0208daffy0208
34

Figma Developer

Convert Figma designs into React components and design tokens.

Community
Intermediate
redongreenredongreen
236

create-structure

Generates UI component structure specs from Figma dimensional properties and variants.

Community
Advanced
pathtoresiliencebvpathtoresiliencebv

figma-use

Execute JavaScript in Figma files via the Plugin API to automate design operations.

Community
Advanced