Skip to main content

Figma Use

Skill Verified Active

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.

Purpose

To enable AI agents to reliably and safely perform write actions and complex read operations within Figma files by providing structured access to the Figma Plugin API and strict usage guidelines.

Features

  • Manages Figma Plugin API interactions.
  • Enforces critical rules for script execution.
  • Provides detailed patterns for component, variable, and style management.
  • Includes extensive error recovery and validation workflows.
  • Abstracts complex API calls for safer agent use.

Use Cases

  • Creating or modifying design elements (nodes, frames, components, variants).
  • Setting up design tokens, variables, and styles.
  • Building and updating component systems.
  • Fixing layout or visual issues in Figma files programmatically.

Non-Goals

  • Directly manipulating files outside the Figma application context.
  • Executing arbitrary code without the Figma API's constraints.
  • Replacing the need for user-provided design system logic.
  • Providing a user interface beyond the agent's interaction.

Installation

/plugin install mcp-server-guide@figma-mcp-server-guide

Quality Score

Verified
99 /100
Analyzed about 17 hours ago

Trust Signals

Last commit1 day ago
Stars1.4k
Status
View Source

© 2025 SkillRepo · Find the right skill, skip the noise.