figma-use

Coordinate incremental use_figma calls to manipulate Figma documents via the plugin API.

1|Updated Jan 20, 2026
One-click install
npx skills add https://github.com/elsolal/Skillz-Claude-Codex-And-More --skill figma-use-elsolal
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-use
Source: https://github.com/elsolal/Skillz-Claude-Codex-And-More/tree/main/.claude/skills/figma-use
Command: npx skills add https://github.com/elsolal/Skillz-Claude-Codex-And-More --skill figma-use-elsolal

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides a structured, safe framework for using the Figma Plugin API (use_figma) to plan, validate, and execute incremental changes in a design file. It helps you reason about complex workflows, enforce best practices, and rely on standardized references rather than ad-hoc scripting.

Core Features & Use Cases

  • Guided, incremental use_figma usage with pre-flight checks and error-recovery guidelines.
  • Covers component patterns, variable bindings, text styles, and effect styles within design-system contexts.
  • Useful for prototyping design-to-code flows, library imports, and multi-step workflows with robust validation and traceable outputs.

Quick Start

Load the use_figma skill, read the reference docs, and perform a small, incremental script to create a basic component.

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 component creation and variable bindings safely?

Automate Figma component creation by coordinating incremental use_figma calls that enforce strict font loading and return mutated node IDs for validation. This structured approach ensures safe variable bindings and design-system pattern execution without ad-hoc scripting.

What is the best way to execute multi-step Figma plugin workflows without losing track of changes?

The best way to execute multi-step Figma plugin workflows is through incremental use_figma calls that return created node IDs. This enables robust validation, traceable outputs, and safe recovery across local files and library assets during complex design operations.

How does page switching work when automating Figma documents via the plugin API?

Page switching when automating Figma documents requires using setCurrentPageAsync within your use_figma calls. This enforces safe page transitions during multi-step workflows, preventing errors when manipulating components across different document pages.

Can I use the Figma plugin API to manage design-system patterns and library assets?

Yes, you can use the Figma plugin API to manage design-system patterns by coordinating use_figma calls for component creation, variable bindings, text styles, and effect styles. It supports multi-step workflows across local files and imported library assets.

Why do my automated Figma workflows fail when creating components with custom fonts?

Automated Figma workflows fail without strict font loading enforcement. The use_figma skill addresses this by applying pre-flight checks before component creation, ensuring fonts are properly loaded before executing incremental document mutations.

Does the figma-use framework support error recovery for failed design file mutations?

Yes, the figma-use framework supports error recovery by enforcing incremental use_figma calls that return created and mutated node IDs. This traceable output allows you to validate changes and recover safely when complex design-system workflows encounter errors.