figma-use
nexu-io/open-design
Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work.
What is figma-use?
This skill enables execution of Figma Plugin API scripts for canvas manipulation, design inspection, variable management, and design-system workflows. It is a prerequisite for all other Figma skills in the catalogue and should be installed before attempting design automation tasks in Figma.
- Execute Figma Plugin API scripts for canvas writes and modifications
- Inspect and read canvas elements and design properties
- Manage Figma variables programmatically
- Support design-system work and automation
- Serve as foundation for other Figma skills
How to install figma-use
npx skills add https://github.com/nexu-io/open-design --skill figma-use- Access to Figma Plugin API documentation at https://github.com/figma/skills
- Installation of upstream bundle from https://github.com/figma/skills
How to use figma-use
- 1.Install the upstream bundle by reviewing the README at https://github.com/figma/skills
- 2.Copy scripts and assets to your agent's skills directory following the upstream paths
- 3.Invoke the skill by name (figma-use) or use trigger phrases: 'figma use', 'figma plugin api', 'figma canvas', or 'figma scripts'
- 4.Request the agent to execute your Figma Plugin API script
Use cases
- Automate bulk updates to canvas elements and components
- Inspect design properties and extract metadata from Figma files
- Programmatically manage and update design variables
- Build design-system workflows and automation scripts
- Enable design-to-code or design-to-data pipelines
- Design system engineers
- Automation-focused designers
- Design tool developers
- Teams automating Figma workflows
figma-use FAQ
Yes, figma-use is a prerequisite for every other Figma skill in this catalogue and must be installed first.
The upstream repository at https://github.com/figma/skills contains the original assets, scripts, and complete references.
You can automate canvas writes, element inspection, variable management, and design-system workflows using the Figma Plugin API.
Invoke it by name (figma-use) or use trigger phrases: 'figma use', 'figma plugin api', 'figma canvas', or 'figma scripts'.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: figma-use description: | Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work. Prerequisite for every other Figma skill in this catalogue. triggers:
- "figma use"
- "figma plugin api"
- "figma canvas"
- "figma scripts" od: mode: design-system category: figma upstream: "https://github.com/figma/skills"
figma-use
Curated from Figma's MCP server guide.
What it does
Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work. Prerequisite for every other Figma skill in this catalogue.
Source
- Upstream: https://github.com/figma/skills
- Category:
figma
How to use
This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/figma/skills
Then ask the agent to invoke this skill by name (figma-use) or with
one of the trigger phrases listed in this skill's frontmatter.
Related skills
More from nexu-io/open-design and the wider catalog.
flutter-animating-apps
Implement animated effects, transitions, and motion in Flutter apps for native iOS/Android.
frame-data-chart-nyt
NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).
frame-flowchart-sticky
SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.
frame-glitch-title
Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.
frame-light-leak-cinema
Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.
frame-liquid-bg-hero
WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.