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 agents to execute Figma Plugin API scripts for canvas modifications, design inspections, variable management, and design-system operations. It serves as a prerequisite foundation for all other Figma skills in the catalogue.
- Execute Figma Plugin API scripts
- Perform canvas writes and modifications
- Inspect design elements and properties
- Manage Figma variables
- Support design-system workflows
How to install figma-use
npx skills add https://github.com/nexu-io/open-design --skill figma-use- Access to Figma Plugin API documentation
- Figma file with appropriate permissions
- 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 the skill into your active agent's skills directory
- 3.Invoke the skill by name using 'figma-use' or trigger phrases like 'figma plugin api', 'figma canvas', or 'figma scripts'
- 4.Provide the agent with your Figma file context and desired canvas or variable operations
Use cases
- Automating canvas updates and bulk design changes
- Inspecting and extracting design properties from Figma files
- Managing design variables across projects
- Building design-system automation workflows
- Scripting repetitive Figma design tasks
- Design system maintainers
- Automation engineers working with design tools
- Developers integrating Figma into workflows
- Design teams automating canvas operations
figma-use FAQ
Yes, this skill is a prerequisite for every other Figma skill in the catalogue.
It supports canvas writes, design inspections, variable management, and design-system work via the Figma Plugin API.
The upstream source is https://github.com/figma/skills with full assets, scripts, and references.
Call it by name ('figma-use') or use trigger phrases: '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 OpenDesign 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-style editorial charts with staggered reveal animation and professional typography.
frame-flowchart-sticky
SVG curve connectors and sticky-note nodes for whiteboard-style flowchart frames.
frame-glitch-title
Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk aesthetics.
frame-light-leak-cinema
Film light leaks, grain, and letterbox framing for cinematic video openings and chapter cards.
frame-liquid-bg-hero
WebGL-style fluid displacement background with quote overlay for video intros and landing heroes.