figma-use

Automate Figma design tasks via the use_figma plugin API.

Updated Apr 17, 2026
One-click install
npx skills add https://github.com/Lutimi/claude2figma --skill figma-use-lutimi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-use
Source: https://github.com/Lutimi/claude2figma/tree/main/.cursor/skills/figma-use
Command: npx skills add https://github.com/Lutimi/claude2figma --skill figma-use-lutimi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Skill enables designers and developers to orchestrate Figma operations through the Plugin API, removing manual UI work and enabling reproducible design tasks in automation-friendly workflows.

Core Features & Use Cases

  • Programmatic access to Figma: create/edit nodes, apply styles, build components and variants, and bind variables.
  • Safe, incremental workflows: run use_figma calls atomically, return created IDs, and validate state with metadata checks between steps.
  • Real-world scenarios: automate layout updates across pages, bind tokens to variables for design systems, and generate variant components from data sources.

Quick Start

Load fonts if needed and start with a simple canvas operation like adding a rectangle to the active page.

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 a script?

Automating Figma design tasks involves using the plugin API to drive read and write operations on the current file. You can create nodes, bind variables, and compose components atomically to eliminate manual UI work.

Can I use the Figma API to generate variant components from data?

Yes, you can use the Figma API to generate variant components from external data sources. The Skill supports building components and variants programmatically across pages while returning created IDs for multi-step workflows.

What is the best way to bind design tokens to Figma variables programmatically?

Binding design tokens to Figma variables is best achieved through atomic plugin API calls. This approach safely modifies properties and binds variables incrementally, validating state with metadata checks between steps.

Does programmatic Figma automation require loading fonts before creating text nodes?

Yes, programmatic Figma automation enforces font loading prerequisites before creating or modifying text nodes. Loading fonts ensures safe, atomic API calls execute correctly when applying styles to the active canvas.

How do I handle multi-step workflows when modifying a Figma file via the API?

Multi-step workflows in Figma are handled by enforcing safe, atomic API calls that explicitly return created node IDs. Validating file state with metadata checks between steps ensures incremental updates remain reproducible.

What are the limitations of automating Figma actions via the plugin API?

Limitations of automating Figma actions include the necessity of strict atomic API calls and mandatory font loading prerequisites. Workflows must validate state with metadata checks to prevent errors during multi-step node creation.