skills.rest
calvingit
calvingitCOMMUNITY
Explore all skills by this author →
Website𝕏@zhangwen_siteGitHub

figma-use

Automates Figma design tasks via deterministic scripts using the Plugin API.

2|Updated Mar 26, 2026
Search Tags:#automation#components#patterns#figma#plugin#variables#design-systems
One-click install
npx skills add https://github.com/calvingit/skills --skill figma-use-calvingit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-use
Source: https://github.com/calvingit/skills/tree/main/external-skills/Design/figma-use
Command: npx skills add https://github.com/calvingit/skills --skill figma-use-calvingit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive framework for using the Figma Plugin API via the use_figma tool, enabling deterministic script execution to read, create, and modify design assets in a controlled, incremental workflow.

Core Features & Use Cases

  • Guided, rule-based access to plugin API concepts, including pages, components, variables, and design-system references.
  • Supports multi-step workflows with error recovery to build complex designs safely and repeatably.
  • References extensive documentation (plugin-api-standalone, wwds, and references/*) to sanity-check actions and ensure correct API usage in real projects.

Quick Start

Create a rectangle on the current page and return its id.

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 the Plugin API?▼

Automate Figma design tasks by running deterministic scripts that read, create, and modify design assets via the Plugin API. This workflow supports building components, variables, and design-system references across local files and libraries using incremental, recoverable steps.

What is the best way to build Figma components and variables programmatically?▼

Building Figma components and variables programmatically involves orchestrating deterministic use_figma scripts guided by official API typings. This approach sanity-checks actions against reference docs to ensure correct API usage and safe operations in real projects.

Can I use Figma Plugin API scripts to modify design-system references across multiple files?▼

Yes, Figma Plugin API scripts can read, create, and modify design-system references across local files and libraries. The framework orchestrates multi-step workflows with error recovery to manage complex design changes safely and repeatably.

Do I need the plugin-api-standalone typings to automate Figma design automation?▼

Yes, automating Figma design relies on the official plugin-api-standalone.d.ts typings and reference docs. These resources guide correct usage, validate API actions, and ensure safe, incremental operations when modifying design assets.

How does multi-step error recovery work when modifying Figma design assets?▼

Multi-step error recovery allows Figma design automation scripts to execute incrementally, ensuring complex modifications to components and variables are safe and repeatable. If issues arise, the workflow supports recoverable steps to prevent irreversible asset damage.

Related Skills

Explore More Design & Creative Skills→
manutejmanutej
61

figma-design

Automate Figma design workflows for plugin development and design-system management.

Community
Advanced
sandrasocialsandrasocial
1

extract

Extract reusable UI patterns, design tokens, and component templates into a centralized design system.

Community
Advanced
markpittmarkpitt
22

genaiscript

Create and orchestrate GenAIScript scripts for LLM prompts and AI workflows.

Community
Advanced
openaiopenai
24.7k

figma-use

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

Official
Advanced