Design Rule Checker

About this plugin

デザインシステムの一貫性を保つための自動チェックツールです。Figmaファイル内のデザイン要素を自動でスキャンし、設定されたデザインルールに違反している箇所を瞬時に検出します。使い方チェックしたい要素、または、ページを選択し「チェック開始」ボタンをクリック。ルールに違反している要素の一覧が表示されたら、クリックして修正箇所を確認する。主な機能6つのチェック項目カラー: ライブラリ変数やスタイルが正しく適用されているかチェックフォント: 許可されたフォントファミリーとウェイトが使用されているかチェック余白: 4pxグリッドに準拠した余白設定かチェックボーダー: 適切なボーダー設定がされているかチェックサイズ: 4pxグリッドに準拠したサイズ設定かチェックレイアウト: オートレイアウトや制約が正しく設定されているかチェック高度なフィルタリング機能違反の種類別フィルタリングフレーム別フィルタリングレイヤー名での検索機能リアルタイムプレビューカスタマイズ可能な設定各チェック項目のON/OFF切り替えチェック対象ノードタイプの選択非表示レイヤーの含む/含まない設定使用シーンデザインシステムの品質管理チーム開発でのデザイン一貫性確保デザインレビュー前の事前チェック新規メンバーのデザインルール教育特徴直感的なUI: ダークモード/ライトモード対応の美しいインターフェース高速スキャン: 大量のレイヤーも素早くチェック詳細な報告: 違反箇所をワンクリックでフォーカス柔軟な設定: プロジェクトに合わせたカスタマイズが可能デザインの品質向上とチームの生産性向上に貢献する、デザイナー必携のツールです。