figma-cli CLAUDE.md

Project instructions for using figma-ds-cli, a command-line tool that controls the Figma desktop app and manages design tokens, components, blocks, variables, and exports.

In plain words
What is it for?
Use them to connect to Figma, create or inspect frames and dashboards, add color tokens, find or reuse components, convert nodes, extract gradients, and export PNG or SVG files.
Why use it?
They turn common design requests into known commands and encourage reusing existing Figma components instead of rebuilding them.

Instructions file

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add instructions/silships/figma-cli/claude-md
Clone the repo
git clone --depth 1 https://github.com/silships/figma-cli
Per session 10,854 This file is loaded in full into every session.
When invoked 10,854 The same file โ€” it is already loaded in full.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5 $0.10854 $0.10854
Opus 5 $0.05427 $0.05427
Sonnet 5 $0.02171 $0.02171
Haiku 4.5 $0.01085 $0.01085

Measured 3d ago against content hash 30a312f2911c, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

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 3d 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.

CLAUDE.md ยท 758 lines

How it starts

The opening of the file, as written. The whole thing โ€” 758 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"
"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

Read the full file on GitHub ยท 758 lines

Changes

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.

  1. 3d ago First seen ยท 758 lines ยท 10,854 tokens per session scan A 30a312f2911c

Subscribe to this mod's changes

figma-cli CLAUDE.md is an instructions file published in the GitHub repository silships/figma-cli (919 stars, last pushed 21d ago), licensed MIT. It adds 10,854 tokens to every session, about $0.0543 per session on Opus 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.

Related

Other instructions, from other repositories

vscode buildNext.instructions.md

Working notes and architecture documentation for the new esbuild-based build system in build/next. Use when making changes to the new build pipeline (transpile/bundle commands, NLS plugin, source-map handling, resource copying, or self-hosting watch tasks).

microsoft/vscode ยท 6,785 tokens

spec-kit AGENTS.md

AGENTS.md instructions for github/spec-kit, covering agents.md, about spec kit and specify, quickstart โ€” add a new integration in 5 steps, integration architecture and integrationmanifest โ€” file tracking.

github/spec-kit ยท 7,104 tokens

codex AGENTS.md

AGENTS.md instructions for openai/codex, covering rust/codex-rs, the codex-core crate, code review rules, crate api surface and model visible context.

openai/codex ยท 5,182 tokens

langchain AGENTS.md

AGENTS.md instructions for langchain-ai/langchain, covering global development guidelines for the langchain monorepo, corridor security analysis, project architecture and context, monorepo structure and development tools & commands.

langchain-ai/langchain ยท 4,345 tokens

vscode oss-third-party-notices.instructions.md

Instructions for microsoft/vscode, covering vs code oss third-party-notices pipeline, architecture, pipeline flow in ci, applying the notice (cutover) and fallback chain (never fail the build).

microsoft/vscode ยท 5,001 tokens

next.js AGENTS.md

Instructions for vercel/next.js, covering next.js development guide, codebase structure, monorepo overview, core package: packages/next and other important packages.

vercel/next.js ยท 7,296 tokens