figma-cli lets an AI assistant create and edit real, editable designs in Figma Desktop from plain-language requests, including frames, components, variants, and variables. Designers and developers use it with Claude Code or Cursor to change Figma files locally without writing commands or using an API key. The catalogue entries connect the coding-agent workflow to this Figma editing tool.
Borrowing it
Nothing to install: this file belongs to silships/figma-cli. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/silships/figma-cli/main/CLAUDE.mdgit clone --depth 1 https://github.com/silships/figma-cliWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/instructions/silships/figma-cli/claude-md)<a href="https://agentmods.dev/instructions/silships/figma-cli/claude-md"><img src="https://agentmods.dev/badge/instructions/silships/figma-cli/claude-md/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/instructions/silships/figma-cli/claude-md"><img src="https://agentmods.dev/badge/instructions/silships/figma-cli/claude-md.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.11272 | $0.11272 |
| Opus 5.5 | $0.04509 | $0.04509 |
| Sonnet 5.5 | $0.02254 | $0.02254 |
| Haiku 4.5 | $0.01127 | $0.01127 |
Grade A, and why
figma-cli CLAUDE.md scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 15d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 781 lines — stays where its author put it; the contents beside it link to each section on GitHub.
figma-ds-cli
CLI that controls Figma Desktop directly. No API key needed.
Quick Reference
| User says | Command |
|---|---|
| "connect to figma" | figma-cli connect |
| "add shadcn colors" | figma-cli tokens preset shadcn |
| "add tailwind colors" | figma-cli tokens tailwind |
| "show colors on canvas" | figma-cli var visualize |
| "create dashboard" | figma-cli blocks create dashboard-01 |
| "list blocks" | figma-cli blocks list |
| "create cards/buttons" | render-batch + node to-component |
| "create a rectangle/frame" | figma-cli render '<Frame>...' |
| "convert to component" | figma-cli node to-component "ID" |
| "use the existing X component" / "don't rebuild, instance it" | figma-cli instantiate "X" |
| "put a Button / any existing component into this frame" | <Instance component="Button" variant="size=large" text="Save" /> inside render |
| "build it on page X" | figma-cli render --page "X" '<Frame>…' (creates the page when missing) |
| "make a component set with these variants" | figma-cli render-batch '["<Frame name=\"size=small, state=hover\" …>", …]' --variant-set Button |
| "use text style / effect style X" | <Text textStyle="Body/Medium">, <Frame effectStyle="shadow/small"> |
| "what component already exists for X" | figma-cli spec X (shows the reuse handle) |
| "list variables" | figma-cli var list |
| "find nodes named X" | figma-cli find "X" |
| "what's on canvas" | figma-cli canvas info |
| "export as PNG/SVG" | figma-cli export png |
| "extract gradient from image" / "rebuild this gradient" | figma-cli gradient extract <image> |
| "apply image gradient to a frame" | figma-cli gradient extract <image> --apply-to <nodeId> |
| "match this mesh / blossom / aurora background" | figma-cli gradient extract <image> --mode mesh --apply-to <frameId> |
| "create a wallpaper / mesh gradient from these colors" | figma-cli gradient mesh "#a,#b,#c" --size 1920x1080 |
| "export the design system as markdown" / "create a DESIGN.md" | figma-cli extract |
| "make the design system testable" / "lock this in" / "contract" | figma-cli snapshot (writes design.json, commit it) |
| "did anything change / drift?" / "verify the file" / "check in CI" | figma-cli check |
| "write rules for our components" / "validate the components" | figma-cli rules gen then figma-cli check |
| "prove the tokens survive a roundtrip" / "why did tokens import white" | figma-cli check --roundtrip |
| "export only the tokens" | figma-cli extract --sections tokens |
| "extract/document the X page" | figma-cli extract --pages "X" |
| "extract what I selected" | figma-cli extract --selection |
| "import my tailwind colors" | figma-cli import tailwind.config.js |
| "import our css variables" | figma-cli import src/globals.css |
| "import design tokens json" | figma-cli import tokens.json |
| "export tokens as DTCG / design tokens json" | figma-cli export dtcg tokens.json |
| "export tokens as CSS / Tailwind" | figma-cli export css / figma-cli export tailwind |
| "load our storybook" | figma-cli import http://localhost:6006 |
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 15d ago Changed · +1 lines · +30 tokens per session b943b3073d84
- 1mo ago Changed · +22 lines · +388 tokens per session c4079f3e730c
- 2mo ago First seen · 758 lines · 10,854 tokens per session scan A 30a312f2911c
figma-cli CLAUDE.md is an instructions file published in the GitHub repository silships/figma-cli (1,125 stars, last pushed 16d ago), licensed MIT. It adds 11,272 tokens to every session, about $0.0451 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
figma-cli CLAUDE.md compared with instructions from other repositories
| Mod | Type | Stars | Last push | Licence | Scan | Tokens | Works with |
|---|---|---|---|---|---|---|---|
| figma-cli CLAUDE.mdsilships/figma-cli | Instructions file | 1.1k | 16d ago | MIT | A | 11,272 | Claude Code |
| vscode buildNext.instructions.mdmicrosoft/vscode | Instructions file | 195k | today | MIT | A | 9,719 | GitHub Copilot |
| next.js AGENTS.mdvercel/next.js | Instructions file | 143k | today | MIT | A | 7,461 | Codex, OpenCode |
| langchain AGENTS.mdlangchain-ai/langchain | Instructions file | 149k | today | MIT | A | 4,680 | Codex, OpenCode |
| vscode oss-third-party-notices.instructions.mdmicrosoft/vscode | Instructions file | 195k | today | MIT | A | 5,516 | GitHub Copilot |
| vscode copilot-instructions.mdmicrosoft/vscode | Instructions file | 195k | today | MIT | A | 3,093 | GitHub Copilot |
| deepseek-harness AGENTS.mddeepseek-ai/deepseek-harness | Instructions file | 274k | 2d ago | MIT | A | 4,313 | Codex, OpenCode |