Design & Frontend ✓ OpenAI · Official figmaplugin-apidesign-systemsvariablescomponentsauto-layoutmcp

Figma Plugin API Operator

Helps agents safely read and write Figma files by rule.

FollowSkills review · FSRS-2.0
Not recommended
47/ 100 5-point scale 2.4 / 5
Trust14 / 25 · 2.8/5

The skill explicitly routes JavaScript execution through the Figma MCP, and documents output handling, incremental changes, node-ID tracking, stop-on-error behavior, and variable scoping. It does not document user confirmation, sensitive-data handling, permission isolation, rollback, or data-flow boundaries, and it depends on an external Figma service, so points were deducted.

Reliability5 / 20 · 1.3/5

SKILL.md gives substantial guidance on API limitations, page context, error recovery, and validation. However, common-patterns.md and several reference examples still use async IIFEs and closePlugin, contradicting the main rules; there are also no committed tests or reproducible execution records. Static calibration therefore limits the score.

Adaptability10 / 15 · 3.3/5

Invocation triggers, intended audience, and major use cases are relatively clear for Figma reads, writes, variables, components, and layouts. Chinese-language support is not documented, the core dependency is an overseas Figma MCP service, and fallback behavior for unreachable networks or unavailable Figma environments is unclear.

Convention8 / 15 · 2.7/5

The documentation is layered across rules, page behavior, workflows, recovery, and reference material; maintainers.yml identifies mcp_server and many examples are provided. License, version, changelog, maintenance responsibility, update path, installation guidance, and troubleshooting coverage remain incomplete, so points were deducted.

Effectiveness6 / 15 · 2.0/5

The skill provides concrete API constraints, incremental workflows, validation guidance, and common-error handling that could directly support Figma operations. Static files do not demonstrate successful completion of key paths, and contradictory examples may create rework, so the score remains below the upper static limit.

Verifiability4 / 10 · 2.0/5

The evidence consists mainly of auditable repository documentation, reference material, and configuration. There is no committed test suite covering key paths, CI execution evidence, or independent corroboration; contradictory examples further reduce confidence, so only limited points were awarded.

Evidence confidence:Low Reviewed Jul 20, 2026 Reviewed revision 49f948faa925
Before you use it
  • SKILL.md requires top-level await and return, but multiple reference examples use async IIFEs and closePlugin; the runtime convention should be reconciled before use.
  • Core functionality depends on https://mcp.figma.com/mcp, with no documented fallback or offline path for mainland-China network inaccessibility.
  • User confirmation, data flow, permission scope, and rollback are not clearly specified; the caller should establish these controls before write operations.
  • License, version, and changelog information are not evident, so maintenance and compatibility status require separate verification.
Review evidence [1][2][3][4][5][6][7][8][9]
See the full review method →

What it does & when to use it

figma-use is an Agent Skill for working with the Figma Plugin API. It requires the skill to be loaded before every use_figma call and uses use_figma to execute JavaScript in a Figma file context. Its guidance covers nodes, variables, components, auto layout, styles, and page switching. It fits programmatic Figma creation, editing, deletion, and inspection workflows, provided the use_figma MCP is available.

It defines how an agent must call use_figma and requires skillNames: "figma-use" on every call. The agent can then execute JavaScript in Figma's file context to inspect pages, nodes, components, and variables; create or modify nodes, variables, and components; and return JSON-serializable data. Every canvas mutation must return affected node IDs. Complex work is split across calls and validated with metadata or screenshots.

  1. A designer needs to create or edit layers, components, or variants in Figma programmatically.
  2. A design-system maintainer needs to create variables, define variable scopes, or bind variables to properties.
  3. A product or frontend team needs to automate auto layout, fills, text, or effect-style changes.
  4. An automation agent needs to inspect Figma page structure and continue work on identified nodes across calls.

Pros & cons

Pros
  • Provides extensive operational rules and error-handling guidance for the Figma Plugin API.
  • Promotes inspection, incremental execution, and validation for complex workflows.
  • Requires node IDs to be returned, supporting follow-up calls, validation, and cleanup.
Limitations
  • Requires the use_figma MCP; the skill text alone cannot operate on a Figma file.
  • The supplied material provides no test results, platform support matrix, or standalone license information.
  • Full-page layout work also requires the separate figma-generate-design skill.

How to install

The README says curated skills can be installed in Codex with $skill-installer figma-use; restart Codex afterward. The supplied material does not document installation for other clients.

How to use

Load figma-use first, then request a Figma operation such as “Create an auto-layout component in the current Figma file and return every new node ID.” For a full page or multi-section layout, also load figma-generate-design. Every use_figma call must include skillNames: "figma-use".

FAQ

Can use_figma be called directly?
No. The material explicitly requires loading figma-use before every use_figma call because skipping it can cause hard-to-debug failures.
Can it modify Figma files?
It supports workflows for doing so. The material covers creating, editing, and deleting nodes, as well as modifying variables, components, auto layout, and styles; execution still requires the use_figma MCP.
Will a failed script leave partial changes?
The material states that use_figma scripts are atomic: an error prevents execution and does not create partial nodes or orphaned elements.
Does it include the complete Figma API documentation?
The skill directory links to reference documentation and instructs agents to read indexes, typings, and topic-specific references as needed. The supplied material does not include those references in full.

More skills from this repository

All from openai/skills

Productivity & Collaboration ✓ OpenAI · Official

Goal Definition Assistant

Turn vague intentions into measurable, verifiable goals with clear scope and stopping conditions.

Dev & Engineering ✓ OpenAI · Official

Codex CLI Builder

Turn APIs, scripts, and existing tools into durable, composable command-line interfaces.

Design & Frontend ✓ OpenAI · Official

Codex Image Studio

Generate and edit production-ready raster assets for projects.

Dev & Engineering ✓ OpenAI · Official

OpenAI Developer Docs Assistant

Current, official guidance for building with OpenAI products, APIs, and Codex.

Dev & Engineering ✓ OpenAI · Official

Skill Creator Guide

A practical guide to designing, writing, validating, and iterating reusable Codex skills.

Dev & Engineering ✓ OpenAI · Official

ASP.NET Core Engineering Guide

Guides developers through building, reviewing, and upgrading ASP.NET Core apps.

Dev & Engineering ✓ OpenAI · Official

ChatGPT Apps Builder

Build documented ChatGPT apps that pair an MCP server with a widget UI.

Design & Frontend ✓ OpenAI · Official

Figma Code Connect Mapper

Link Figma components to their code implementations for traceable design-code consistency.

Design & Frontend ✓ OpenAI · Official

Figma Blank File Creator

Create a blank Figma Design or FigJam file in the selected drafts folder.

Design & Frontend ✓ OpenAI · Official

Figma Design Implementer

Turn Figma specifications into production-ready frontend code with verifiable visual fidelity.

Dev & Engineering ✓ OpenAI · Official

Playwright Browser Automation Skill

Drive a real browser from the terminal for web interaction, extraction, and UI debugging.

Automation & Ops ✓ OpenAI · Official

Security Best Practices Review

Security review and secure-by-default guidance for Python, JavaScript/TypeScript, and Go projects.

Design & Frontend ✓ OpenAI · Official

Hatch Pet Animation Workshop

Turn character or brand cues into validated, packageable Codex animated pets.

Productivity & Collaboration ✓ OpenAI · Official

Linear Workflow Manager

Manage Linear tickets, projects, and team workflows directly through Codex.

Automation & Ops ✓ OpenAI · Official

Repository Threat Modeler

Builds evidence-grounded, actionable AppSec threat models for code repositories.

Automation & Ops ✓ OpenAI · Official

Sentry Production Error Explorer

Inspect Sentry issues, events, and basic production health through the Sentry CLI.

Design & Frontend ✓ OpenAI · Official

Figma Design System Rules Builder

Generates project-specific rules for consistent Figma-to-code implementation.

Writing & Content ✓ OpenAI · Official

Audio Transcribe

Turn audio or video speech into text with optional speaker labels.

Design & Frontend ✓ OpenAI · Official

Figma Design System Builder

Build and validate a professional Figma design system from code.

Design & Frontend ✓ OpenAI · Official

Figma Design-to-Code Assistant

Fetch Figma design context and turn selected nodes into production code.

Related skills