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.

一部の機能は有料の場合があります

0 (0 件のレビュー)

Firefox をダウンロードして拡張機能を入手する

ファイルをダウンロード

この拡張機能について

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.

0 人のレビュー担当者が 0 と評価しました

権限とデータ

必要な権限:

任意のページのコンテンツをブロックする
ファイルのダウンロードおよびブラウザーのダウンロード履歴の読み取りと変更
ブラウザーのタブへのアクセス
すべてのウェブサイトの保存されたデータへのアクセス

任意の許可設定:

すべてのウェブサイトの保存されたデータへのアクセス

データ収集:

開発者によると、この拡張機能はデータ収集を必要としません。