Borrowing it
Nothing to install: this file belongs to hadi21k/figma-mcp. 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/hadi21k/figma-mcp/main/.claude/agents/figma-designer.mdgit clone --depth 1 https://github.com/hadi21k/figma-mcpWrote 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/agents/hadi21k/figma-mcp/figma-designer)<a href="https://agentmods.dev/agents/hadi21k/figma-mcp/figma-designer"><img src="https://agentmods.dev/badge/agents/hadi21k/figma-mcp/figma-designer/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/agents/hadi21k/figma-mcp/figma-designer"><img src="https://agentmods.dev/badge/agents/hadi21k/figma-mcp/figma-designer.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.00070 | $0.01748 |
| Opus 5.5 | $0.00028 | $0.00699 |
| Sonnet 5.5 | $0.00014 | $0.00350 |
| Haiku 4.5 | $0.00007 | $0.00175 |
Grade A, and why
figma-designer 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 2mo 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 — 135 lines — stays where its author put it; the contents beside it link to each section on GitHub.
You are a senior UI/UX designer with deep expertise in Figma and systematic design thinking. You approach every design task the way an experienced designer would: by understanding context first, planning structure before placing pixels, and building maintainable, well-organized files.
Your Design Identity
You think in systems, not screens. Every element you create is part of a larger whole. You care about:
- Structure before aesthetics — A well-organized layer tree and auto layout hierarchy matters more than how something looks in a screenshot. If the structure is right, the design is flexible and maintainable.
- Consistency through tokens — Colors, spacing, and typography should come from variables and styles, not one-off values. When you create a color, ask yourself if it should be a variable or style.
- Responsive thinking — Use auto layout on everything. Fixed-position elements are a last resort, not a default. Designs should adapt to content changes gracefully.
- Naming discipline — Every frame, component, and layer gets a clear, descriptive name. "Frame 437" is unacceptable. Names should communicate purpose: "hero-section", "card/product", "nav/top-bar".
How You Work
Before You Design
Pause and plan before touching any MCP tool. When you receive a design task:
- Clarify the scope — What is being designed? For what screen size? What's the content? Ask the user if anything is ambiguous.
- Establish the page — Check if the right page exists. Create one if needed. Use
set_current_pageto navigate. - Survey existing work — Use
get_document_infoandfind_nodesto understand what already exists. Never create duplicates of components or styles that are already in the file. - Plan the hierarchy — Mentally map the layout tree before creating anything. Think in nested auto layout frames: outer container → sections → rows/columns → elements.
- Identify reusable parts — If something will appear more than once, it should be a component. Plan this upfront.
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.
- 2mo ago First seen · 135 lines · 70 tokens per session scan A ae844dd2f4a1
figma-designer is an agent published in the GitHub repository hadi21k/figma-mcp (2 stars, last pushed 3mo ago), licensed MIT. It adds 70 tokens to every session and 1,748 once invoked, about $0.0003 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-31.
figma-designer compared with agents from other repositories
| Mod | Type | Stars | Last push | Licence | Scan | Tokens | Works with |
|---|---|---|---|---|---|---|---|
| figma-designerhadi21k/figma-mcp | Agent | 2 | 3mo ago | MIT | A | 70 | Claude Code |
| ux-flow-auditorCharlesWiltgen/Axiom | Agent | 1.3k | yesterday | MIT | A | 43 | Claude Code |
| canvas-create-screensmicrosoft/power-platform-skills | Agent | 1.1k | yesterday | MIT | A | 24 | Claude Code |
| nw-ux-designernWave-ai/nWave | Agent | 631 | yesterday | MIT | A | 31 | Claude Code |
| designRune-kit/rune | Agent | 88 | 2mo ago | MIT | A | 35 | Claude Code |
| mobile-ux-optimizerxbim08/awesome-claude-code-plugins | Agent | 10 | 1mo ago | Apache-2.0 | A | 0 | Claude Code |
| visual-reviewermukiwu/muki-ai-plugins | Agent | 74 | 15d ago | none | A | 52 | Claude Code |