Figma Use skill: what it does and how to install it
Runs JavaScript through Figma's Plugin API to inspect files and create or edit nodes, variables, components and layouts with incremental validation.
Summary generated from the skill's documentation.
Install
$ npx skills add openai/skills --skill figma-useRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
What it does. Executes plain JavaScript in Figma through the use_figma MCP tool to inspect files and create or update nodes, variables, components, styles and layouts. It works incrementally, returning affected IDs and validating structure or screenshots after each step, with rules for pages, fonts, colours and async calls.
When to use it. For Figma write actions and read operations that require JavaScript in the file context, such as editing nodes, building components, binding variables or inspecting structure. Full-page or multi-section builds also use the companion design-generation workflow.
History
Repo stars
27.9kAbout +1.3k since 9 Jul 2026
Before 1 Oct 2026 the curve is estimated from public event data.
Stars are counted for the whole repository, which holds 43 skills.
Show as a table
| Date | Repo stars |
|---|---|
| 5 Oct 2026 | 27,882 |
| 4 Oct 2026 | 27,871 |
| 3 Oct 2026 | 27,854 |
| 2 Oct 2026 | 27,848 |
| 1 Oct 2026 | 27,835 |
| 24 Sept 2026 (estimated) | 27,815 |
| 17 Sept 2026 (estimated) | 27,800 |
| 10 Sept 2026 (estimated) | 27,305 |
| 3 Sept 2026 (estimated) | 26,631 |
| 27 Aug 2026 (estimated) | 26,631 |
| 20 Aug 2026 (estimated) | 26,627 |
| 13 Aug 2026 (estimated) | 26,612 |
| 6 Aug 2026 (estimated) | 26,607 |
| 30 Jul 2026 (estimated) | 26,598 |
| 23 Jul 2026 (estimated) | 26,593 |
| 16 Jul 2026 (estimated) | 26,578 |
| 9 Jul 2026 (estimated) | 26,578 |
Installs
2.7k
Tracking since . A chart appears once there are 7 days of data.
Installs via skills.sh
Similar skills
- FigmaUses the Figma MCP server to fetch design context, screenshots, variables and assets, and to turn Figma nodes into code.
- Figma Generate DesignBuilds or updates full Figma screens from application code or descriptions using published design-system components, variables and styles.
- Figma Code ConnectCreates and maintains Figma Code Connect files that map Figma components to code snippets.