figma-prototype-plan
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.
npx skills add mohitagw15856/pm-claude-skills --skill figma-prototype-plan --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Figma Prototype Plan Skill Plans what to prototype in Figma and how — scoping to what the user test needs, defining every interaction, and setting up the test scenarios. Prevents over-building and ensures the prototype answers the research question. ## Required Inputs - **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** ## Output Structure ### 1. Prototype Scope **In scope:** [Flows with real interactions — specific screens listed] **Out of scope:** [Screens to show as static — not worth building as interactive] **Rationale:** Prototypes should be the minimum needed to test the hypothesis. ### 2. Interaction Specification **Interaction N: [Description]** - Trigger: Tap/Swipe/Hover/Form submit - Element: [Figma layer name] - Destination: [Figma frame name] - Animation: Instant/Dissolve/Push left/Push right/Slide up - Timing: [ms] - Reset after: Yes/No ### 3. Prototype Flow Diagram ``` [Start frame] -> Tap "Action" [Next frame] -> Tap "Complete" -> [Success fram
- Required Inputs
- Output Structure
- 1. Prototype Scope
- 2. Interaction Specification
- 3. Prototype Flow Diagram
- 4. Test Task Scripts
- 5. Figma Setup Guide
- 6. Build vs Fake Table
- Quality Checks
- Anti-Patterns
- Example Trigger Phrases
What does the figma-prototype-plan skill do?
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.
How do I install it?
Run `npx skills add mohitagw15856/pm-claude-skills --skill figma-prototype-plan --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From mohitagw15856/pm-claude-skills, a repository with 1,255 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.