figma-use

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

2|Updated Mar 29, 2026
One-click install
npx skills add https://github.com/NagyVikt/codex-plugins --skill figma-use-nagyvikt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-use
Source: https://github.com/NagyVikt/codex-plugins/tree/main/plugins/figma/skills/figma-use
Command: npx skills add https://github.com/NagyVikt/codex-plugins --skill figma-use-nagyvikt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill solves the challenge of programmatically interacting with Figma files, enabling automated design tasks that are otherwise impossible or extremely time-consuming to perform manually.

Core Features & Use Cases

  • Programmatic Design Manipulation: Create, edit, or delete nodes, manage variables, and build components directly through the Figma Plugin API.
  • Design System Automation: Efficiently bind variables to properties, modify auto-layout settings, and inspect complex file structures.
  • Use Case: Use this skill to automatically generate a set of UI components from a design system specification or to perform bulk updates to layer properties across multiple pages in a Figma file.

Quick Start

Use the figma-use skill to inspect the current page and return a list of all top-level nodes and their IDs.

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 within the Figma Plugin API context to perform read and write operations. This enables programmatic node manipulation, variable management, and component system automation for design-to-code workflows.

What is the best way to bulk update layer properties across multiple Figma pages?

The best way to bulk update layer properties is by running JavaScript scripts via the Figma Plugin API. This approach facilitates automated modifications to nodes and auto-layout settings, allowing you to update multiple pages efficiently.

Can I bind variables to properties and build components programmatically in Figma?

Yes, you can bind variables to properties and build components programmatically in Figma. By executing JavaScript through the Plugin API, you can efficiently manage variables, inspect file structures, and automate design system tasks.

How do I inspect a Figma file structure and retrieve node IDs programmatically?

To inspect a Figma file structure and retrieve node IDs, execute a JavaScript script via the Plugin API to read the current page. This returns a list of all top-level nodes and their specific IDs, which is required for proper node tracking.

What are the limitations of executing JavaScript scripts in Figma for design automation?

A key limitation of executing JavaScript in Figma is the requirement for strict adherence to atomic script execution and incremental validation. Proper node ID tracking is mandatory to ensure file integrity during programmatic read and write operations.

Why do I need incremental validation when manipulating Figma nodes with JavaScript?

Incremental validation is required when manipulating Figma nodes to ensure file integrity during script execution. Because the JavaScript operates directly within the Plugin API context, atomic execution and proper node ID tracking prevent file corruption.