skills.rest
openai
openaiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

figma-use

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

24.7k|1.7k|Updated Nov 25, 2025
Search Tags:#code generation#figma#design automation#ui/ux design#plugin api
One-click install
npx skills add https://github.com/openai/skills --skill figma-use-openai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-use
Source: https://github.com/openai/skills/tree/main/skills/.curated/figma-use
Command: npx skills add https://github.com/openai/skills --skill figma-use-openai

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows you to automate tasks within Figma using the Figma Plugin API, reducing manual effort and streamlining your workflow.

Core Features & Use Cases

  • API Access: Execute JavaScript in Figma files via the Plugin API.
  • Design Operations: Perform tasks such as creating, editing, and manipulating Figma design elements.
  • Use Case: Create a custom skill to automate the creation of design components or modify existing ones based on user input.

Quick Start

Load the figma-use skill and use the use_figma MCP to execute JavaScript code within a 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 automate repetitive Figma design tasks using JavaScript?▼

You can automate Figma design tasks by executing JavaScript through the Figma Plugin API to programmatically manipulate design elements, create components, and apply styles.

Can I use the Figma Plugin API to create and manage UI components automatically?▼

Yes, the Figma Plugin API supports creating, editing, and managing design components, allowing you to automate the generation of interactive and complex UI/UX designs based on custom inputs.

What is the best way to execute JavaScript code within a Figma file?▼

The best way to execute JavaScript within a Figma file is by using a dedicated interface to run Plugin API commands, which directly manipulates elements and applies styles to streamline your workflow.

Do I need to write custom JavaScript to manipulate Figma design elements?▼

Yes, writing JavaScript is required to leverage the Figma Plugin API for automating design operations, which enables you to directly target, edit, and manage elements within your Figma files.

Does Figma automation work for managing complex UI/UX designs and styling?▼

Figma automation via the Plugin API is ideal for managing and automating complex UI/UX designs, allowing you to programmatically apply styles and manipulate elements to reduce manual effort.

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
sumik5sumik5
1

implementing-design

Generate React and Tailwind CSS code from Figma design files.

Community
Advanced
d0d012d0d012
9

figma-design

Extract tokens, styles, and constraints from Figma design files.

Community
Advanced
wiltaylorwiltaylor

figma-use

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

Community
Advanced