figma-design-review

Review Figma designs against product requirements and produce coverage tables.

1|Updated May 22, 2026
One-click install
npx skills add https://github.com/spontus-reach/spontus --skill figma-design-review-spontus-reach
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-design-review
Source: https://github.com/spontus-reach/spontus/tree/main/.agents/skills/figma-design-review
Command: npx skills add https://github.com/spontus-reach/spontus --skill figma-design-review-spontus-reach

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It prevents teams from handoff-ready delays by systematically checking whether a Figma design actually meets the product requirements and covers the full user journey, including edge states.

Core Features & Use Cases

  • Requirements coverage: Maps each requirement to whether it is covered, partially covered, or missing, with concrete design observations.
  • Flow and state completeness: Evaluates whether the designed user flow includes key steps and important UI states like error, empty, and loading.
  • PM-ready outcomes: Produces outcome-focused concerns (blocking vs should fix vs nice to fix), open questions with owners, and an explicit approval decision.

Quick Start

Ask the AI to run a PM design review for your Figma design using your original requirements, the user flow, and the review stage you are in.

Frequently Asked Questions about figma-design-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check if my Figma design meets product requirements?

To check if your Figma design meets product requirements, run a structured PM review that maps each requirement to covered, partially covered, or missing status with concrete design observations. This validates user flows and UI state completeness against the original product spec.

What is a PM design review for pre-handoff Figma concepts?

A PM design review for pre-handoff Figma concepts systematically verifies design coverage against product requirements before engineering handoff. It evaluates user flows and edge UI states like error, empty, and loading to prevent development delays.

How do I evaluate user flow and UI state completeness in Figma?

Evaluate user flow and UI state completeness in Figma by checking whether designed flows include key steps and critical states like error, empty, and loading. This identifies missing UX states before final PM approval.

Can I use a structured design review for mid-fidelity Figma designs?

Yes, you can use a structured design review for mid-fidelity Figma designs, as well as concept and pre-handoff stages. It produces outcome-focused concerns categorized as blocking, should fix, or nice to fix, alongside open questions with assigned owners.

What is the best way to get a PM approval status for a Figma design?

The best way to get a PM approval status for a Figma design is to generate a requirements coverage table alongside UX concerns and open questions. This produces an explicit approval decision based on outcome-focused PM review criteria.

Why does a Figma design handoff get delayed by missing edge states?

A Figma design handoff gets delayed by missing edge states because the design fails to cover the full user journey, including error, empty, and loading states. Running a requirements coverage check prevents these handoff-ready delays.