skills.rest
Luohao-Yan
Luohao-YanCOMMUNITY
Explore all skills by this author →
GitHub

figma-use

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

6|Updated May 10, 2026
Search Tags:#javascript#figma#design automation#plugin api#figma plugin
One-click install
npx skills add https://github.com/Luohao-Yan/warp-cn --skill figma-use-luohao-yan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-use
Source: https://github.com/Luohao-Yan/warp-cn/tree/main/resources/bundled/mcp_skills/figma/figma-use
Command: npx skills add https://github.com/Luohao-Yan/warp-cn --skill figma-use-luohao-yan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of executing JavaScript in Figma files using the Plugin API, enabling users to perform complex design operations without leaving the Figma environment.

Core Features & Use Cases

  • JavaScript Execution: Run JavaScript scripts to manipulate Figma files programmatically.
  • Plugin API Access: Leverage the full capabilities of the Figma Plugin API within your scripts.
  • Use Case: For example, you can use this Skill to programmatically create new elements, modify existing ones, and apply various design effects to your Figma files.

Quick Start

Load the 'figma-use' skill and execute your JavaScript code in the context of the current Figma file.

Frequently Asked Questions about figma-use

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

FAQPage Schema
How do I run JavaScript in Figma to automate design manipulation?▼

You can execute JavaScript in Figma by leveraging the Plugin API to programmatically create elements, modify existing ones, and apply design effects directly within your Figma files.

Do I need to know JavaScript and the Figma Plugin API to automate design workflows?▼

Yes, this approach requires a solid understanding of JavaScript programming and the Figma Plugin API to effectively handle complex design workflows and automation tasks.

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

Using the Figma Plugin API, you can programmatically manipulate Figma files by creating new elements, modifying existing ones, and applying various design effects.

Can I perform complex design operations without leaving the Figma environment?▼

Yes, executing JavaScript via the Plugin API enables you to perform complex design operations and automation tasks entirely within the Figma environment.

What is the best way to programmatically create and modify Figma elements?▼

The best way to programmatically create and modify Figma elements is by running JavaScript scripts that access the full capabilities of the Figma Plugin API.

Are there limitations when using JavaScript for design automation in Figma?▼

Limitations depend on your knowledge of JavaScript and the Figma Plugin API, as this approach is strictly for complex design manipulation and automation tasks within Figma files.

Related Skills

Explore More Design & Creative Skills→
pathtoresiliencebvpathtoresiliencebv

figma-use

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

Community
Advanced
phoenicisfphoenicisf

figma-implement-design

Translate Figma designs into production-ready UI code.

Community
Advanced
whopointerwhopointer
1

figma-use

Execute JavaScript code within Figma files using the Plugin API.

Community
Advanced
manutejmanutej
61

figma-design

Automate Figma design workflows for plugin development and design-system management.

Community
Advanced