ResponsiveCheck

About this plugin

スマホで確認していたデザインが、タブレット・PCで崩れていることに実装後に気づく——ResponsiveCheck はその「後手」をなくすプラグインです。選択したフレームを 375 / 768 / 1024 / 1440px（カスタマイズ可）で一括複製して横並びに配置。Auto Layout の伸縮・テキストの折り返し・要素のはみ出しをデザイン段階で一度に確認できます。─ 主な機能 ─◈ ブレークポイント複製選択フレームを指定幅でクローンし、ラベル付きで横一列に展開。ブレークポイントは自由に追加・削除・変更できます。⚠ 崩れ検出要素のはみ出し・テキストの切り捨てを自動スキャンして赤枠でハイライト。問題のあるブレークポイントはパネルに件数付きで一覧表示されます。◉ Auto Layout 検証Fixed / Hug / Fill の設定をスキャンし、幅変化時に意図しない挙動を引き起こす可能性がある箇所を警告します。✕ 一括クリーンアップ確認が終わったら「複製をすべて削除」ボタンで生成したフレーム・ラベル・ハイライトをまとめて削除。元フレームはそのまま残ります。─ こんな方に ─• レスポンシブ確認を後回しにしがちなデザイナー• 実装前にエンジニアと「どのサイズで確認したか」を揃えたいチーム• Auto Layout を多用していてサイズ変化時の挙動が心配な方