# figma-generative-plugins

> Claude/Codex skill by [@figma](https://omgskills.com/library/figma/index.md) · 2.1k stars · Updated 2026-10-20

\*\*MANDATORY prerequisite\*\* — load this skill before calling \`create\_generative\_plugin\` or \`update\_generative\_plugin\`. Use when the user asks to create, author, change, fix, or extend a reusable generative Figma plugin.

## Install

```sh
git clone https://github.com/figma/mcp-server-guide /tmp/mcp-server-guide && ln -s /tmp/mcp-server-guide/skills/figma-generative-plugins ~/.claude/skills/figma-generative-plugins
```

## From README

Create and update generative Figma plugins Load this skill before every creategenerativeplugin or updategenerativeplugin call. In user-facing language, call the result a “plugin.” The “generative” qualifier only distinguishes this account-library tool from other plugin systems. Preflight Before authoring, confirm the request fits this surface: Plugins run in the Figma Design editor. Every plugin must provide functional UI for its core workflow. A plugin with no configurable inputs still needs a clear primary action and useful status or validation feedback. Never embed API keys, OAuth tokens, signed URLs, or other secrets. Plugin source is readable by people who can access it. For authenticated integrations, stop and offer a static dataset, a public no-auth endpoint, or a different architecture. Create workflow Resolve the requested workflow and its useful controls. Ask a concise question only if required inputs or behavior are genuinely ambiguous. Resolve planKey.

## Links

- HTML page: https://omgskills.com/library/figma/mcp-server-guide/skills/figma-generative-plugins/
- GitHub: https://github.com/figma/mcp-server-guide
- Author: [@figma](https://omgskills.com/library/figma/index.md)

## More from this repo

- [figma-generate-design](https://omgskills.com/library/figma/dev-mode-mcp-server-guide/figma-generate-design/index.md) — Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section...
   - [@figma](https://omgskills.com/library/figma/index.md) · 2.1k stars
- [figma-use](https://omgskills.com/library/figma/dev-mode-mcp-server-guide/figma-use/index.md) — \*\*MANDATORY prerequisite\*\* — you MUST invoke this skill BEFORE every \`use\_figma\` tool call.
   - [@figma](https://omgskills.com/library/figma/index.md) · 2.1k stars
- [figma-code-workflows](https://omgskills.com/library/figma/mcp-server-guide/skills/figma-code-workflows/index.md) — Import or upload local HTML or project files into Figma, choose editable Design frames, runnable Code Layers or...
   - [@figma](https://omgskills.com/library/figma/index.md) · 2.1k stars