# figma-spec

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

This skill is required to create, read, edit, review, or comment on Figma specs. You must read it when working on a PRD, brief, RFC or any kind of document in either a standalone Figma spec or a Figma spec embedded in a Figma Design or Figjam file.

## Install

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

## From README

Work with a Figma spec You MUST always call whoami before using any figma.spec. API and confirm that the target file’s plan (or the destination plan for a new file) has specsenabled: true. whoami does not identify which plan owns a file. If the plan is unclear, you MUST ask the user; never infer it from the file key or another plan’s access. If specsenabled is false or absent for that plan, explain that Specs is unavailable and stop the workflow. A native Figma spec is GitHub-Flavored Markdown (GFM) under a SPECBLOCK node. A standalone Figma spec is just one spec; a FigJam or Design file can contain several embedded specs. Discover and choose the Figma spec Resolve a supplied URL node-id when present with figma.getNodeByIdAsync and require type === "SPECBLOCK" plus specBlockType === "DOCUMENT".

## Links

- HTML page: https://omgskills.com/library/figma/mcp-server-guide/skills/figma-spec/
- 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