FP
Figma Prototype Plan
🔵 Stable🕐 updated 2026-06-08
🔷 SkillSpec L3
pm-figma
Plan prototype interactions and flows for user testing in Figma. Use when asked to plan a Figma prototype, set up prototype interactions, define what to prototype for a user test, or prepare a Figma prototype for usability testing. Produces a prototype scope, interaction specification, test task scripts, and Figma setup guide.
🗣 Say this to your agent
“Plan the Figma prototype for our user test on [feature]”“What interactions do I need to build for this prototype?”“Help me set up a Figma prototype for [research question]”“Write the test task scripts for our [feature] prototype”“What should I prototype vs leave as static screens?”
What to give it
▸Research question — what are you trying to learn?
▸Feature or flow being prototyped
▸Prototype fidelity — low wireframe / mid functional / high pixel-perfect
▸Testing method — moderated in-person / moderated remote / unmoderated
▸Number of test tasks
✅ 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.
✓Scope limited to what the research question requires
✓Every interaction has a named destination frame
✓Task scripts are scenario-based (not "click on X")
✓Success criteria defined for each task
✓Reset process defined for between participants
⚠️ What it refuses to do
Do not prototype everything — scope must be limited to the interactions that answer the specific research questions
Do not design prototype flows without also writing the test task scripts — the two must align exactly
Do not skip the reset process between participants — unsettled prototype state contaminates results
Do not plan a prototype without specifying which interactions are clickable vs static — ambiguity causes scope creep
Do not scope a prototype without first defining the research questions it needs to answer
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-mcpStart 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-prototype-plan"></div>
<script src="https://mohitagw15856.github.io/pm-claude-skills/embed.js" async></script>💬 Discussion
Figma Prototype Plan 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