Description
figma-use is a mandatory prerequisite skill from OpenAI's curated skills collection. It must be loaded before every call to the use_figma MCP tool, because that tool runs JavaScript inside a Figma file, and the rules it needs are not obvious. The skill loads the Plugin API rules, the critical gotchas and the reference documents that must be in context before any code runs. Those gotchas cover the handling of return values, the page context, reassigning fills, and loading fonts before editing text, and the skill notes that calls fail in ways that are hard to diagnose when these rules are missed. It covers node creation, variable binding, auto-layout, components and multi-step workflows. Typical uses are loading the Plugin API rules before creating Figma components from code, running JavaScript to set up design tokens and variable collections, building multi-section layouts with auto-layout and component instances, binding design system variables to properties such as fills and spacing, and inspecting a file's structure before any canvas change is made. It is not a design tool by itself. It is the reference an assistant reads so that the other Figma skills work reliably. Because it is a prerequisite, it adds no output of its own, and it is most useful when used with the figma-generate-design or figma-generate-library skills. The skill is listed on officialskills.sh and installs from the openai/skills repository. Install it with npx skills add https://github.com/openai/skills --skill figma-use.…
Highlights
- Required before every use_figma call
- Loads Plugin API rules and critical gotchas
- Covers node creation, variables, auto-layout and components
- Inspects file structure before changes
Ratings & Reviews
No ratings yet
Be the first to rate openai/figma-use.
People also visit
coreyhaines31/copywriting
Write and rewrite marketing copy for landing pages, homepages, and ads
coreyhaines31/ab-testing
Plan and implement A/B tests or experiments for any digital experience
coreyhaines31/ad-creative
Generate and iterate ad creative including headlines, descriptions
coreyhaines31/ads
Create and optimize paid campaigns on Google, Meta, LinkedIn, and more
coreyhaines31/ai-seo
Optimize content to appear in AI-generated answers and LLM search results
openai/figma-use FAQ
When must it be loaded?
Before every use_figma tool call, since that tool runs JavaScript in a Figma file.
Why does it matter?
The rules about return values, page context, fill reassignment and font loading are non-obvious, and calls fail in hard-to-diagnose ways without them.
Does it make designs by itself?
No. It is the reference the other Figma skills rely on. Use it with figma-generate-design or figma-generate-library.
How do I install it?
Run npx skills add https://github.com/openai/skills --skill figma-use.
What are the best openai/figma-use alternatives?
Popular alternatives to openai/figma-use include coreyhaines31/seo-audit, coreyhaines31/copywriting and coreyhaines31/ab-testing. See all openai/figma-use alternatives