Ruler Grid od 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.
Použití některých funkcí může být zpoplatněnoPoužití některých funkcí může být zpoplatněno
Metadata rozšíření
Snímky obrazovky
O tomto rozšíření
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.
Hodnocení: 0 od 0 redaktorů
Oprávnění a data
Požadovaná oprávnění:
- Blokovat obsah na jakékoli stránce
- Stahovat soubory a číst a upravovat historii stahování prohlížeče
- Přistupovat k panelům prohlížeče
- Přistupovat k vašim datům pro všechny webové stránky
Volitelná oprávnění:
- Přistupovat k vašim datům pro všechny webové stránky
Sběr dat:
- Podle vývojáře toto rozšíření nevyžaduje sběr dat.
Další informace
- Odkazy doplňku
- Verze
- 1.3.0
- Velikost
- 4,79 MB
- Poslední aktualizace
- před 13 dny (26. dub 2026)
- Příbuzné kategorie
- Licence
- Všechna práva vyhrazena
- Historie změn
- Přidat do sbírky