What do I need to use Figma Design QA?

Feature or screen being QA-d; Platform; Design system; Handoff tool; QA depth.

Is Figma Design QA 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 Design QA

Q: How do I know the Figma Design QA output is good?

The skill verifies itself against its own quality checks: All 6 sections completed; Every fail has a specific description and fix action; Blocking issues separated from minor ones; Handoff decision is explicit.

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

Runs a pre-handoff QA checklist on a Figma design before it goes to engineering. Use when asked to QA a Figma design, do a pre-handoff check, or validate a Figma file is ready to build. Produces a structured QA report covering file hygiene, component usage, accessibility, and handoff readiness with explicit pass/fail status per item. Optimised for Opus 4.7 and newer models.

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

🗣 Say this to your agent

“QA this Figma design before handoff”“Run a pre-handoff check on [feature] design”“Is this Figma design ready for engineering?”“Do a design QA on [screen/feature]”“What needs fixing before we hand this off?”

What to give it

▸Feature or screen being QA-d — describe what has been designed

▸Platform — iOS / Android / Web

▸Design system — custom / Material / HIG / None

▸Handoff tool — Figma Inspect / Zeplin / Storybook / Direct link

▸QA depth — quick 15 min / standard 30 min / thorough 60 min

✅ 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.

✓All 6 sections completed

✓Every fail has a specific description and fix action

✓Blocking issues separated from minor ones

✓Handoff decision is explicit

⚠️ What it refuses to do

Do not produce a partial QA — every checklist category must be evaluated, not just the ones that are obviously problematic

Do not leave the handoff decision ambiguous — the output must explicitly state pass, pass with conditions, or fail

Do not skip accessibility checks — colour contrast, tap target size, and screen reader labels are required, not optional

Do not report issues without specifying which screen or component they appear on

Do not approve a design if any component is detached from the library without a documented reason

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-design-qa"></div>
<script src="https://mohitagw15856.github.io/pm-claude-skills/embed.js" async></script>

💬 Discussion

Figma Design QA 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