Ruler Grid par MDesign

Ruler Grid — une boîte à outils universelle pour les designers et les développeurs front-end.

Ruler Grid vous aide à analyser et à améliorer la mise en page de n’importe quel site web. Mesurez les éléments, inspectez les styles, choisissez des couleurs et expérimentez le design — directement dans votre navigateur.

Fonctionnalités clés :

• Règles et guides
Mesurez les distances et alignez les éléments avec précision grâce à des guides horizontaux et verticaux.

• Outil « Pipette »
Prélevez n’importe quelle couleur ou dégradé depuis la page et copiez les valeurs en formats HEX, RGB ou HSL.

• Inspecteur de typographie
Identifiez instantanément les polices, leurs tailles, graisses et interlignages.

• Édition en direct des pages
Modifiez le texte, les espacements et la mise en page directement sur le site, sans ouvrir les DevTools.

• Inspecteur CSS et styles
Consultez les styles calculés, les propriétés CSS et les classes Tailwind en un clic.

• Grilles adaptatives
Superposez des grilles de mise en page pour vérifier les colonnes, les gouttières et l’alignement sur différents écrans.

Pourquoi Ruler Grid ?
Rapide, léger et intuitif — Ruler Grid offre tous les outils nécessaires pour analyser vos interfaces et accélérer votre workflow, sans quitter la page.