audit-design-system

Audit Figma designs for missing components, local overrides, and unbound design tokens.

Updated Apr 8, 2026
One-click install
npx skills add https://github.com/codesour-design/gravity --skill audit-design-system-codesour-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit-design-system
Source: https://github.com/codesour-design/gravity/tree/main/.agents/skills/audit-design-system
Command: npx skills add https://github.com/codesour-design/gravity --skill audit-design-system-codesour-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps designers and teams identify when Figma designs drift away from their established design system by finding missing shared components, local overrides, and unbound tokens.

Core Features & Use Cases

  • Design-System Drift Auditing: Reviews Figma nodes for structural evidence of inconsistent component usage, duplicated patterns, and tokenization gaps.
  • Evidence-Based Findings: Identifies concrete issues such as custom-built primitives, repeated sibling structures, and raw visual values replacing system variables.
  • Use Case: A design team can audit a product screen before handoff to discover where buttons, navigation patterns, or visual tokens should be replaced with approved system components.

Quick Start

Use the audit-design-system skill to review this Figma screen for missing components and design token inconsistencies.

Frequently Asked Questions about audit-design-system

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

FAQPage Schema
How do I check Figma designs for design system drift?

To check Figma designs for design system drift, you need to audit nodes for missing shared components, local overrides, and unbound tokens. This process identifies custom-built primitives and duplicated patterns replacing approved system variables.

What is design system drift in UI components?

Design system drift in UI components occurs when designers use custom-built primitives, local overrides, and unbound tokens instead of approved shared components. This structural inconsistency introduces duplicated patterns and raw visual values that bypass established system variables.

How do I audit Figma components before design handoff?

To audit Figma components before handoff, review the screen for structural evidence of inconsistent component usage and tokenization gaps. Identify missing shared components and local overrides that should be replaced with approved system components.

Can I detect unbound design tokens in Figma files?

Yes, you can detect unbound design tokens in Figma files by evaluating instances and variables for raw visual values. The audit identifies where repeated sibling structures and custom primitives bypass approved system variables.

Does this design audit work for repeated sibling structures in Figma?

Yes, this design audit works for repeated sibling structures in Figma by identifying duplicated patterns that indicate design drift. It evaluates these structures against shared components to recommend potential system replacements.