Ruler Grid von MDesign

Das ultimative Webdesign-Toolkit! Präzisionslineal, Farbpipette, Font-Scanner und Live-Edit. Abstände messen, Farben wählen und Layouts in Echtzeit anpassen. Erstelle pixelperfekte Websites schneller. Essenziell für Devs und Designer!

Einige Funktionen können Zahlung erfordern

0 (0 Bewertungen)

13 Benutzer

Laden Sie Firefox herunter und holen Sie sich die Erweiterung

Datei herunterladen

Über diese Erweiterung

Ruler Grid — ein universelles Toolkit für Designer und Frontend-Entwickler.

Ruler Grid hilft dabei, das Layout jeder Website zu analysieren und zu verbessern. Messen Sie Elemente, inspizieren Sie Styles, wählen Sie Farben aus und experimentieren Sie mit dem Design – direkt im Browser.

Hauptfunktionen:

• Lineale und Hilfslinien
Messen Sie Abstände und richten Sie Elemente präzise aus, mithilfe horizontaler und vertikaler Hilfslinien.

• Pipetten-Werkzeug
Erfassen Sie jede Farbe oder jeden Verlauf von der Seite und kopieren Sie die Werte in HEX-, RGB- oder HSL-Formaten.

• Typografie-Inspektor
Erkennen Sie sofort Schriftarten, deren Größen, Gewicht und Zeilenabstände.

• Live-Seitenbearbeitung
Ändern Sie Text, Abstände und Layout direkt auf der Website, ohne die DevTools zu öffnen.

• CSS- und Style-Inspektor
Sehen Sie berechnete Styles, CSS-Eigenschaften und Tailwind-Klassen mit einem Klick.

• Responsive Raster
Überlagern Sie Layout-Raster, um Spalten, Abstände und Ausrichtung auf verschiedenen Bildschirmgrößen zu prüfen.

Warum Ruler Grid?
Schnell, leicht und intuitiv – Ruler Grid bietet alle Werkzeuge zur Analyse von Layouts und beschleunigt den Workflow, ohne die Seite zu verlassen.

Bewertet mit 0 von 0 Bewertern

Ruler Grid von MDesign

Benötigte Berechtigungen:

Optionale Berechtigungen:

Datenerfassung: