skills.rest
rakibulism
rakibulismCOMMUNITY
Explore all skills by this author →
Website𝕏@rakibulismGitHub

figma-use

Execute Figma Plugin API workflows to create, inspect, and update design file nodes.

2|1|Updated May 17, 2026
Search Tags:#layout#javascript#components#figma#design systems#variables#plugin api
One-click install
npx skills add https://github.com/rakibulism/agent-skills-os --skill figma-use-rakibulism
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-use
Source: https://github.com/rakibulism/agent-skills-os/tree/main/skills/figma-figma-use
Command: npx skills add https://github.com/rakibulism/agent-skills-os --skill figma-use-rakibulism

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps an AI control Figma through the Plugin API without common failures such as loading the wrong page, mutating text without fonts, or breaking layout and variant structures.

Core Features & Use Cases

  • Plugin API execution: Runs JavaScript inside Figma files to create, inspect, and modify nodes.
  • Design system workflows: Supports variables, component sets, slots, instances, styles, and library imports.
  • Safe incremental editing: Encourages inspect-first, small-step workflows with explicit validation and returned node IDs.
  • Use cases: Building frames and components, wiring component properties, binding variables, reading existing file structure, and updating text or layout deterministically.

Quick Start

Load the figma-use skill before calling use_figma, inspect the current file structure, and then make a small validated edit that returns the IDs of every node you created or changed.

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 plugin API workflows without breaking layout structures?▼

To automate Figma plugin API workflows safely, execute JavaScript for creating, inspecting, and updating nodes using an inspect-first, small-step approach with explicit validation and incremental node ID tracking to avoid layout bugs.

How do I bind variables and wire component properties in Figma using JavaScript?▼

You can bind variables and wire component properties by executing JavaScript inside Figma files through the plugin API, which supports design system workflows including component sets, slots, instances, and library imports deterministically.

Why does updating text in Figma via the plugin API fail without loading fonts?▼

Updating text in Figma via the plugin API fails without exact font loading because the system requires explicit font availability to mutate text nodes, preventing API failures during design file content modifications.

What is the best way to inspect existing Figma file structure before making API edits?▼

The best way to inspect existing Figma file structure is to load the plugin API context first, read the current page structure deterministically, and then make small validated edits that return the IDs of every node changed.

Does the Figma plugin API support design system automation across FigJam and Slides?▼

Yes, the Figma plugin API supports design system automation across Figma, FigJam, and Slides contexts where JavaScript execution is required, allowing component creation, variable binding, and layout assembly safely.

What limitations exist when switching pages and tracking node IDs in Figma automation?▼

Figma automation requires exact page switching and precise node ID tracking to avoid common failures like mutating the wrong page or breaking variant structures, making incremental validation essential for safe updates.

Related Skills

Explore More Design & Creative Skills→
DevPelumiDevPelumi

figma-use

Enforce mandatory Figma Plugin API execution rules for use_figma tool calls.

Community
Advanced
ahandselahandsel
1

figma-generate-design

Generate Figma screens from code and UI descriptions using design system components.

Community
Advanced
pathtoresiliencebvpathtoresiliencebv

figma-use

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

Community
Advanced
Luohao-YanLuohao-Yan
6

figma-use

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

Community
Advanced