Extensiones de Chrome para diseñadores: herramientas y referencias

2 min de lectura · Ir al TL;DR

Las extensiones pueden ahorrar tiempo al revisar una web: comparar una captura, probar estilos o comprobar el color de un elemento. Mira su ficha y sus permisos antes de instalarlas.

1. Perfect Pixel

Superpone una imagen semitransparente al sitio para comparar el diseño con la implementación. Ajusta la escala antes de atribuir una diferencia al código.

2. Stylebot

Permite modificar la apariencia de una página con controles visuales o CSS. Los cambios se aplican en tu navegador; no editan el sitio publicado.

3. ColorZilla

Para tomar muestras de color desde el navegador y trabajar con paletas. Comprueba también el contraste cuando utilices el color en texto o controles.

4. Web Developer

Reúne herramientas para inspeccionar distintos elementos de una página. Puede ayudarte a revisar imágenes, formularios o estilos durante el desarrollo.

Otras referencias de la recopilación original

La versión original incluía estas extensiones. Conservamos sus referencias como archivo, pero no hemos podido confirmar su disponibilidad y compatibilidad actuales; no las presentamos como instalaciones comprobadas:

Para revisar tamaños, estilos y fuentes puedes utilizar las herramientas de desarrollo de Chrome. No necesitas una extensión distinta para cada comprobación.

La antigua Full Page Screen Capture pasó a llamarse GoFullPage. Su desarrollador informó de una retirada de Chrome Web Store en agosto de 2026 y publica el estado en su web oficial. Usa esa referencia para comprobar el acceso y evitar confundirla con otra extensión de nombre parecido.

Sigue leyendo

Ver todos los artículos