figma-review

Review Figma designs against BRD requirements and design best practices.

Updated Mar 6, 2026
One-click install
npx skills add https://github.com/devmuslim/pdm-skills --skill figma-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-review
Source: https://github.com/devmuslim/pdm-skills/tree/main/code-review/skills/figma-review
Command: npx skills add https://github.com/devmuslim/pdm-skills --skill figma-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that Figma designs accurately reflect project requirements and adhere to usability and accessibility best practices.

Core Features & Use Cases

  • Requirement Validation: Checks if all use cases and fields from a Business Requirements Document (BRD) are covered in the design.
  • Design Consistency: Assesses visual elements like colors, fonts, and spacing for uniformity.
  • User Experience: Evaluates the clarity and intuitiveness of user flows.
  • Completeness Check: Identifies missing states (e.g., empty states, error states).
  • Accessibility Audit: Reviews color contrast and text sizes.
  • Use Case: Before development begins, use this Skill to systematically review a new set of Figma mockups for a mobile banking app to catch any discrepancies with the approved BRD and ensure a smooth user experience.

Quick Start

Review the attached Figma design files against the provided BRD document.

Frequently Asked Questions about figma-review

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

FAQPage Schema
How do I validate Figma designs against project requirements?

To validate Figma designs against project requirements, review the mockups alongside a Business Requirements Document to check screen coverage for use cases, field requirements, and error states. This process generates a structured compliance report detailing discrepancies and areas for improvement.

How do I check Figma designs for missing error and empty states?

Checking Figma designs for missing states involves assessing interface completeness to identify unhandled empty states, error states, and loading conditions. A completeness check ensures the user experience flow covers all potential interactions and edge cases defined in the requirements.

What is a Figma design review for accessibility and UX consistency?

A Figma design review for accessibility and UX consistency evaluates visual elements like colors, fonts, and spacing for uniformity while auditing color contrast and text sizes. This ensures the interface adheres to usability standards and delivers a smooth user experience.

Can I use a design review to check if my Figma mockups cover all BRD use cases?

Yes, you can use a design review to check if Figma mockups cover all Business Requirements Document use cases. It systematically validates that every use case and required field from the BRD is accurately reflected in the design before development begins.

What is the best way to audit Figma mockups before development begins?

The best way to audit Figma mockups before development is to perform a systematic review against approved requirements and design best practices. This assesses user experience flow, validates interface consistency, and generates a report detailing compliance and areas for improvement.