CSS Inspector y Editor de Diseño Web en Vivo – Vislum

Inspecciona fuentes, colores, CSS, espaciado y contraste, y edita en vivo. Gratis para siempre, sin prueba ni registro.

Deja de instalar cinco extensiones para inspeccionar una página. Vislum reúne fuentes, colores, CSS, espaciado y contraste en un solo panel lateral — y te deja cambiar lo que ves, en vivo, sobre la propia página. OCHO HERRAMIENTAS, UN PANEL • Fuentes — la tipografía completa de cualquier texto: familia, tamaño, grosor, interlineado, espaciado, color y de dónde viene la fuente. • Estilos de elemento — fondo, borde, sombra, tamaño y espaciado de cualquier elemento, campo por campo. • Cambios globales — mira todas las tipografías y colores que usa una página y cambia cualquiera en todo el sitio de una vez. • Selector de color — captura cualquier píxel con el cuentagotas y guárdalo. • Paleta — extrae de un vistazo toda la paleta de colores de una página. • Contraste — verifica el contraste WCAG entre dos colores. • Medición — mide elementos, espaciados y distancias en pantalla. • Espaciado — visualiza padding, bordes y márgenes como una superposición. QUÉ ES GRATIS Y QUÉ ES PRO Gratis para siempre, sin prueba ni registro: las ocho herramientas y la ficha completa de estilos de cualquier elemento, más 2 cambios de tipografía y 2 de color por página con Cambios globales. Vislum Pro (opcional): edición en vivo de cualquier elemento —tipografía, color, fondo, borde, sombra, espaciado—, cambios globales sin límite, copiar el CSS del antes y el después, guardados ilimitados, sincronización en la nube entre dispositivos y colecciones por proyecto. ENTIENDE EL CSS, NO SOLO LO COPIES Vislum no te suelta una línea de CSS que hay que descifrar: separa cada propiedad en sus partes, con su nombre. El relleno son cuatro casillas —arriba, derecha, abajo, izquierda—, la sombra son su desplazamiento, su desenfoque y su color. Ves de qué está hecho cada estilo, así que también aprendes usándolo. PRIVADA POR DISEÑO Sin telemetría, sin analíticas, sin recolección de datos de navegación. Las herramientas solo actúan en la pestaña actual y solo cuando tú las activas — sin permisos amplios sobre los sitios que visitas. Tus cambios en vivo son una vista previa en tu pantalla: no se guarda nada en el sitio ni se envía nada a ningún lado. EMPIEZA EN 10 SEGUNDOS Pulsa Alt+V en cualquier página (o haz clic en el icono de la barra) para abrir el panel, y elige una herramienta.