What do I need to use Figma Component Audit?

Component list or description; Product type; Design system maturity; Primary concern (optional).

Is Figma Component Audit free to use?

Yes — run it free in the browser playground (no API key needed for the sponsored trial, or bring any provider key), or install it into Claude Code, Cursor, ChatGPT and more via npx pm-claude-skills. MIT-licensed and open source.

Figma Component Audit

Q: How do I know the Figma Component Audit output is good?

The skill verifies itself against its own quality checks: Naming recommendations have before/after examples; Coverage gaps are relevant to the product type; Fix plan is ordered by impact-to-effort ratio; Variant completeness covers all interactive states.

🔵 Stable🕐 updated 2026-06-08 🔷 SkillSpec L3 pm-figma

Audit a Figma component library for consistency, coverage gaps, and naming issues. Use when asked to audit components, review a design system, check component consistency, identify missing components, or assess Figma library health. Produces a structured audit report with issues prioritised by impact, naming recommendations, and a fix plan.

▶ Run it free — no key needed 📝 Grade your existing draft View SKILL.md ↗

🗣 Say this to your agent

“Audit my Figma component library”“Review our design system for consistency issues”“What components are we missing in our Figma library?”“Our component naming is a mess — help me fix it”“Do a health check on our Figma components”

What to give it

▸Component list or description — paste component names or describe what exists

▸Product type — mobile app / web app / desktop / multi-platform

▸Design system maturity — new / growing / mature / legacy

▸Primary concern (optional) — optional

✅ The bar it holds itself to

Every skill in this library self-verifies — these are this skill's own quality checks, straight from its definition.

✓Naming recommendations have before/after examples

✓Coverage gaps are relevant to the product type

✓Fix plan is ordered by impact-to-effort ratio

✓Variant completeness covers all interactive states

⚠️ What it refuses to do

Do not flag naming issues without providing a specific, consistent naming convention to adopt

Do not audit only visual consistency — also check for missing interactive states and accessibility compliance

Do not list all issues at equal priority — group by impact (Critical / Major / Minor) so the fix plan is actionable

Do not omit variant completeness — every interactive component must cover all required states

Do not leave coverage gaps without recommending specific missing components to add

Install

npx pm-claude-skills add --agent claude   # or codex · cursor · gemini · hermes
# or one-line MCP (every skill, any client):
claude mcp add pm-skills -- npx -y pm-claude-skills-mcp

Start with

Related skills

🔌 Embed this skill

Drop this on your blog, docs, or site — it renders a "Run this skill" card:

<div data-pm-skill="figma-component-audit"></div>
<script src="https://mohitagw15856.github.io/pm-claude-skills/embed.js" async></script>

💬 Discussion

Figma Component Audit is one of 1078 open-source professional AI agent skills — all SkillSpec L3. Try them all in the browser · ⭐ Star on GitHub · Browse the full catalog