Ruler Grid bởi 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.
Một số tính năng có thể yêu cầu thanh toánMột số tính năng có thể yêu cầu thanh toán
22 người dùng22 người dùng
Siêu dữ liệu mở rộng
Ảnh chụp màn hình
Về tiện ích mở rộng này
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.
Được xếp hạng 0 (bởi 1 người dùng)
Quyền hạn và dữ liệu
Quyền hạn bắt buộc:
- Chặn nội dung trên bất kỳ trang nào
- Tải xuống các tập tin và chỉnh sửa lịch sử tải về của trình duyệt
- Truy cập các thẻ trên trình duyệt
- Truy cập dữ liệu của bạn trên mọi trang web
Quyền hạn tùy chọn:
- Truy cập dữ liệu của bạn trên mọi trang web
Thu thập dữ liệu:
- Nhà phát triển cho biết tiện ích mở rộng này không yêu cầu thu thập dữ liệu.
Thêm thông tin
- Liên kết tiện ích
- Phiên bản
- 1.3.0
- Kích cỡ
- 4,79 MB
- Cập nhật gần nhất
- 2 tháng trước (26 Thg 04 2026)
- Thể loại có liên quan
- Giấy phép
- Mọi Quyền Được Bảo Lưu
- Lịch sử các phiên bản
- Thêm vào bộ sưu tập