skills.rest
Kushal9889
Kushal9889COMMUNITY
Explore all skills by this author →
GitHub

figma-use

Manipulate Figma files programmatically via the Plugin API.

Updated Jun 12, 2026
Search Tags:#figma#component creation#plugin api#node manipulation#variable management
One-click install
npx skills add https://github.com/Kushal9889/claude-plugins --skill figma-use-kushal9889
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-use
Source: https://github.com/Kushal9889/claude-plugins/tree/main/figma/skills/figma-use
Command: npx skills add https://github.com/Kushal9889/claude-plugins --skill figma-use-kushal9889

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill simplifies the process of working with the Figma Plugin API, enabling users to manipulate Figma files programmatically with ease.

Core Features & Use Cases

  • Node Creation and Manipulation: Create, modify, and manipulate nodes in Figma files.
  • Component Creation and Usage: Build and utilize components within Figma files.
  • Variable Management: Create and bind variables for dynamic content in Figma files.
  • Use Case: Automate the creation of complex Figma layouts, populate components with dynamic content, and manage design variables all within a single script.

Quick Start

Use the figma-use skill to create a new frame with auto-layout and a text node inside it.

Frequently Asked Questions about figma-use

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

FAQPage Schema
How do I manipulate Figma files programmatically using the Plugin API?▼

You can manipulate Figma files programmatically using the Plugin API to create nodes, build components, and manage variables. This enables automating complex layouts and binding dynamic content within a single script.

Can I automate component creation and variable management in Figma?▼

Yes, automating component creation and variable management in Figma is supported. You can build components, create variables, and bind them for dynamic content population directly through script automation.

What do I need to set up before creating Figma nodes with auto-layout?▼

To create Figma nodes with auto-layout, you need the Figma Plugin API enabled in your file context. This environment setup allows you to run scripts for node creation, manipulation, and component usage.

Does the Figma Plugin API support binding variables for dynamic text nodes?▼

Yes, the Figma Plugin API supports binding variables for dynamic text nodes. Variable management features allow you to create and bind variables to populate components with dynamic content programmatically.

What is the best way to automate complex Figma layouts without manual design work?▼

The best way to automate complex Figma layouts is using the Plugin API for node manipulation and component usage. You can programmatically create frames, apply auto-layout, and insert text nodes within a single script.

Are there limitations when manipulating Figma nodes programmatically?▼

A key limitation is that manipulating Figma nodes programmatically requires the Figma Plugin API to be enabled in the file context. Scripts are intended for designers and developers working within this specific environment.

Related Skills

Explore More Design & Creative Skills→
NagyViktNagyVikt
2

figma-use

Execute JavaScript in the Figma Plugin API to manipulate design files.

Community
Advanced
Pythagora-ioPythagora-io
9

figma

Extract structure, components, styles, and assets from Figma files via the REST API.

Official
Intermediate
theodrosyimertheodrosyimer

figma-sync

Synchronize design tokens between Figma and local DTCG JSON files.

Community
Intermediate
Umbral-BotUmbral-Bot

figma

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

Official
Intermediate