Design System Maturity：6-Dimension Framework — 2026年 第28週 デザインシステム

今週のデザインシステム分野は、AIツールとコンポーネントガバナンスの交差点が主要テーマでした。Evil MartianがClaude Codeエージェントスキル群Storybook Workbench（/sb.プレフィックス）を公開しました。vibe-codedコードベースの監査のために開発されたこのツールは、実際の469コンポーネント構成のアプリで31個のデッドコンポーネント（うち19個は廃棄済みのページフロー全体）と、実行中のアプリでは見えない6件のアクセシビリティバグを発見しました。発見されたバグにはWCAG AAの4.5を下回るコントラスト比3.87のバッジバリアントとbroken combobox roleを持つselectコンポーネントが含まれていました。4つのスキル（onboard・orchestrate・navigate・report）は構造化JSONを出力し、LinearのMCPに連携してチケットを自動生成したり、PDFとして書き出したりできます。Storybook 10.3の新しい@storybook/addon-mcpはhttp://localhost:6006/mcpでコンポーネントライブラリを3つのツールセット（docs・dev・testing）の構造化MCPサーバーとして公開し、Claude Codeがインラインプリミティブを発明するのではなく正しいコンポーネントを使用するよう誘導します。

Nielsen Norman Groupは線形的なデザインシステム成熟度モデルを、組織的整合性・チームの有効性・インフラの堅牢性・ガバナンス・サポート・採用の6次元フレームワークに置き換えることを提案しました。各次元は1〜5点で評価され、六角形のレーダーチャートで視覚化されます。このモデルは評価者間の議論自体がスコアより価値ある場合が多いと強調しています。コーディングエージェントを導入する前にテーマトークン・定義されたバリアントを持つプリミティブコンポーネント・レイアウトコンテキストのためのFigma MCPサーバーを含むデザインシステムの基盤を先に構築し、エージェントのプロンプトを一度に1画面に限定するという実践的なガイドも示されました。

アクセシビリティ標準も重要なテーマとして取り上げられました。Dequeは、イシューレジストリ・RCA・CAPAトラッキングを備えたISO 9001方式の管理標準であるEN 17161 Design for Allが、最低4年先のWCAG 3.0を待つよりWCAGの実用的な補完手段だと主張しました。NDC Copenhagenの講演ではflex-direction: row-reverseによるキーボードナビゲーションの失敗や欠落したaria-invalid連携など、一般的なWCAG違反の実例が示されました。