figma-component-audit

Figma コンポーネント監査スキル

Figma コンポーネントライブラリを構造的に監査し、不整合、命名の問題、カバレッジの不足を特定して、優先順位を付けた改善案を提示します。

必要な入力

• コンポーネントの一覧または説明（コンポーネント名を貼り付けるか、既存の内容を説明してください）
• プロダクトの種類（モバイルアプリ／ウェブアプリ／デスクトップ／マルチプラットフォーム）
• デザインシステムの成熟度（新規／成長中／成熟／レガシー）
• 主な懸念事項（任意）

出力構成

1. 監査サマリー

項目	状態	スコア
命名の一貫性	赤／黄／緑	/10
コンポーネントの網羅性		/10
バリアントの完全性		/10
ドキュメント		/10
全体の健全性		/10

評価： このライブラリの状態と、最優先で修正すべきことを1つ示してください。

2. 命名の問題

問題ごとに記載してください。 問題：［問題の種類］

• 現状：［具体例］
• 重要な理由：［デザイナーと開発者への影響］
• 修正案：［採用すべき具体的な命名規則］
• 例：変更前／変更後

適用する命名規則：

• コンポーネント：PascalCase（NavigationBar）
• バリアント：スラッシュ区切りの小文字（size/large、state/hover）
• ページ：すべて大文字（COMPONENTS、FOUNDATIONS）

3. カバレッジの不足

不足しているコンポーネント	優先度	必要な理由
［コンポーネント］	高／中／低	［ユースケース］

4. バリアントの完全性チェック

コンポーネント	デフォルト	ホバー	アクティブ	無効	エラー	不足している状態
［Button］	はい	はい	いいえ	はい	いいえ	アクティブ、エラー

5. 優先順位を付けた修正計画

#	修正	工数	影響	最初に実施するか
1	［修正］	低／中／高	高	はい

品質チェック

• 命名の推奨事項に変更前／変更後の例が含まれている
• カバレッジの不足がプロダクトの種類に即している
• 修正計画が影響度と工数の比率に基づいて並んでいる
• バリアントの完全性にすべてのインタラクティブな状態が含まれている

アンチパターン

• 採用すべき具体的で一貫した命名規則を提示せずに、命名の問題を指摘しないでください
• 視覚的な一貫性だけを監査せず、不足しているインタラクティブな状態とアクセシビリティへの準拠も確認してください
• すべての問題を同じ優先度で列挙せず、影響度（重大／大／小）で分類して、実行可能な修正計画にしてください
• バリアントの完全性を省略しないでください。すべてのインタラクティブなコンポーネントに、必要なすべての状態を用意してください
• カバレッジの不足を、追加すべき具体的なコンポーネントの提案なしに残さないでください

呼び出しフレーズの例

• 「Figma のコンポーネントライブラリを監査してください」
• 「デザインシステムに一貫性の問題がないか確認してください」
• 「Figma ライブラリに不足しているコンポーネントはありますか？」
• 「コンポーネントの命名がひどいので、修正を手伝ってください」
• 「Figma コンポーネントの健全性をチェックしてください」