figma-design-review

You can review Figma components by applying a weighted dual-scoring system that evaluates Style Guide Implementation and LLM Metadata Accessibility. This structured assessment covers variant structure, token usage, visual consistency, accessibility, and code quality to guide component improvements.

LLM Metadata Accessibility measures how reliably AI can interpret and reuse components based on metadata coverage, tags, test identifiers, analytics hooks, and accessibility guidelines. It accounts for 30% of the total review score to ensure components are ready for AI-assisted code generation.

Scoring Figma design tokens and variant structure is done through the Style Guide Implementation framework, which weighs 70% of the total review. It evaluates token system usage, visual consistency, and variant structure to determine if components are export-ready for development handoff.

Yes, the Figma design review integrates with atomic design workflows by generating export-ready reports that feed into the atomic-design skill. This allows a smooth handoff from component evaluation to classification and code generation.

Yes, you can use this Figma component review skill without any external dependencies. It operates independently to analyze selected Figma component sets and generate structured guidance for design tokens, accessibility, and documentation improvements.

A Figma component accessibility and visual consistency check evaluates accessibility states, visual consistency, and code quality. It assesses metadata coverage, tags, and accessibility guidelines to ensure components meet design-system standards and support reliable AI-assisted reuse.