Ruler Grid 作成者: MDesign
Ultimate web design toolkit! Precision rulers, eyedropper, font scanner, and live page editing in one powerful tool. Measure distances, pick colors, and tweak any layout in real-time. Build pixel-perfect websites faster. Essential for dev and design.
一部の機能は有料の場合があります一部の機能は有料の場合があります
拡張機能メタデータ
スクリーンショット
この拡張機能について
Ruler Grid — All-in-One Toolkit for Designers & Frontend Developers
Ruler Grid is a powerful Firefox extension that helps you analyze and refine any website’s layout. Measure elements, inspect styles, pick colors, and experiment with designs — all directly in your browser.
Key Features:
• Rulers & Guides
Measure distances and align elements with precision using horizontal and vertical guides.
• Eyedropper Tool
Pick any color or gradient from the page and copy values in HEX, RGB, or HSL.
• Typography Inspector
Identify fonts, sizes, weights, and line heights instantly.
• Live Page Editing
Edit text, spacing, and layout directly on any website without opening DevTools.
• CSS & Style Inspector
View computed styles, CSS properties, and Tailwind classes with one click.
• Responsive Grids
Overlay layout grids to check columns, gutters, and alignment across screen sizes.
Why Ruler Grid?
Fast, lightweight, and easy to use — Ruler Grid gives you the tools you need to analyze layouts and improve your workflow without leaving the page.
Ruler Grid is a powerful Firefox extension that helps you analyze and refine any website’s layout. Measure elements, inspect styles, pick colors, and experiment with designs — all directly in your browser.
Key Features:
• Rulers & Guides
Measure distances and align elements with precision using horizontal and vertical guides.
• Eyedropper Tool
Pick any color or gradient from the page and copy values in HEX, RGB, or HSL.
• Typography Inspector
Identify fonts, sizes, weights, and line heights instantly.
• Live Page Editing
Edit text, spacing, and layout directly on any website without opening DevTools.
• CSS & Style Inspector
View computed styles, CSS properties, and Tailwind classes with one click.
• Responsive Grids
Overlay layout grids to check columns, gutters, and alignment across screen sizes.
Why Ruler Grid?
Fast, lightweight, and easy to use — Ruler Grid gives you the tools you need to analyze layouts and improve your workflow without leaving the page.
0 人のレビュー担当者が 0 と評価しました
権限とデータ
必要な権限:
- 任意のページのコンテンツをブロックする
- ファイルのダウンロードおよびブラウザーのダウンロード履歴の読み取りと変更
- ブラウザーのタブへのアクセス
- すべてのウェブサイトの保存されたデータへのアクセス
任意の許可設定:
- すべてのウェブサイトの保存されたデータへのアクセス
データ収集:
- 開発者によると、この拡張機能はデータ収集を必要としません。
詳しい情報
- アドオンリンク
- バージョン
- 1.3.0
- サイズ
- 4.79 MB
- 最終更新日
- 1ヶ月前 (2026年4月26日)
- ライセンス
- All Rights Reserved
- バージョン履歴
- コレクションへ追加