figma-design-review
CommunityAI-powered Figma design review with dual scoring.
Authorilandahan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill provides a structured, objective evaluation of Figma components by applying a weighted dual-scoring system to ensure design-system quality and AI-ready metadata.
Core Features & Use Cases
- Dual-score framework: Style Guide Implementation (70%) and LLM Metadata Accessibility (30%) to produce actionable assessments.
- Comprehensive evaluation across Variant Structure, Token System, Visual Consistency, Accessibility States, and Code Quality.
- LLM-focused documentation: robust metadata coverage, tags, test identifiers, analytics hooks, and accessibility guidelines to enable reliable AI-assisted code generation and reuse.
- Export-ready reports feed into the Atomic Design skill for classification and code generation, enabling a smooth handoff from design review to implementation.
Quick Start
Review a selected Figma component set to generate a report. Use the generated guidance to improve design tokens, accessibility, and documentation before exporting.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: figma-design-review Download link: https://github.com/ilandahan/AID/archive/main.zip#figma-design-review Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.