Ruler Grid por MDesign
¡Kit esencial de diseño web! Reglas, cuentagotas, escáner de fuentes y edición en vivo. Mide distancias, elige colores y ajusta cualquier layout en tiempo real. Crea sitios perfectos y más rápido. ¡Indispensable para devs y diseñadores!
Algunas características pueden ser de pagoAlgunas características pueden ser de pago
Metadata de la extensión
Capturas de pantalla
Sobre esta extensión
Ruler Grid — un conjunto de herramientas universal para diseñadores y desarrolladores front-end.
Ruler Grid te ayuda a analizar y mejorar el diseño de cualquier sitio web. Mide elementos, inspecciona estilos, selecciona colores y experimenta con el diseño directamente en el navegador.
Funciones clave:
• Reglas y guías
Mide distancias y alinea elementos con precisión usando guías horizontales y verticales.
• Herramienta «Cuentagotas»
Captura cualquier color o degradado de la página y copia sus valores en formatos HEX, RGB o HSL.
• Inspector de tipografía
Identifica al instante las fuentes, sus tamaños, pesos y espaciado entre líneas.
• Edición en vivo
Modifica texto, espaciado y diseño directamente en la web, sin abrir las DevTools.
• Inspector CSS y estilos
Consulta estilos calculados, propiedades CSS y clases de Tailwind con un solo clic.
• Cuadrículas adaptativas
Superpone rejillas para comprobar columnas, gutters y alineación en distintos tamaños de pantalla.
¿Por qué Ruler Grid?
Rápido, ligero e intuitivo: ofrece todas las herramientas necesarias para analizar interfaces y acelerar tu flujo de trabajo sin salir de la página.
Ruler Grid te ayuda a analizar y mejorar el diseño de cualquier sitio web. Mide elementos, inspecciona estilos, selecciona colores y experimenta con el diseño directamente en el navegador.
Funciones clave:
• Reglas y guías
Mide distancias y alinea elementos con precisión usando guías horizontales y verticales.
• Herramienta «Cuentagotas»
Captura cualquier color o degradado de la página y copia sus valores en formatos HEX, RGB o HSL.
• Inspector de tipografía
Identifica al instante las fuentes, sus tamaños, pesos y espaciado entre líneas.
• Edición en vivo
Modifica texto, espaciado y diseño directamente en la web, sin abrir las DevTools.
• Inspector CSS y estilos
Consulta estilos calculados, propiedades CSS y clases de Tailwind con un solo clic.
• Cuadrículas adaptativas
Superpone rejillas para comprobar columnas, gutters y alineación en distintos tamaños de pantalla.
¿Por qué Ruler Grid?
Rápido, ligero e intuitivo: ofrece todas las herramientas necesarias para analizar interfaces y acelerar tu flujo de trabajo sin salir de la página.
Rated 0 by 0 reviewers
Permissions and data
Permisos requeridos:
- Bloquear contenido en cualquier página
- Descargar archivos y leer y modificar el historial de descargas del navegador
- Acceder a las pestañas del navegador
- Acceder a tus datos para todos los sitios web
Permisos opcionales:
- Acceder a tus datos para todos los sitios web
Data collection:
- The developer says this extension doesn't require data collection.
Más información
- Enlaces del complemento
- Versión
- 1.3.0
- Tamaño
- 4,79 MB
- Última actualización
- hace 20 días (26 de abr. de 2026)
- Categorías relacionadas
- Licencia
- Todos los derechos reservados
- Historial de versiones
- Añadir a la colección