16 extensiones de Google Chrome para diseñadores y

programadores web
Google Chrome es el navegador web más usado del mundo y no hay ninguna duda acerca de
ello. La tienda de Chrome, Chrome Web Store, ofrece una gran variedad de extensiones útiles
para programadores y diseñadores web que aporta más valor funcional.
Aquí te dejamos una lista de extensiones bastante prácticas que acelerarán tu flujo de trabajo y
mejorarán tu productividad.
1. Usersnap
Saca una foto y anota cualquier página web que quieras cargar en Chrome gracias a Usersnap.
La extensión facilitará una valoración visual y te informará acerca de los errores. Todos tus
pantallazos se guardarán de forma instantánea en el panel de proyectos. Esta extensión también
la usan diariamente desarrollados de Google, Facebook y Microsoft.

2. Loom
Loom te permite crear videos directamente desde tu navegador además de tomar capturas de
pantalla. Esta extensión fácil de usar cuenta con grabación de escritorio completa incluyendo
cámaras frontales. También proporciona almacenamiento ilimitado para todos tus archivos de
video y permite compartir vídeos en cualquier lugar a través de un código HTML incorporado.
Lo mejor de Loom es que fomenta el compromiso entre clientes al permitir comentar y
reaccionar a tus vídeos.
 3. Window Resizer
Esta extensión es útil para que los diseñadores web creen un diseño de web preciso. Te permite
cambiar el tamaño de cualquier ventana del navegador para ver las diferentes resoluciones de
varios tamaños de pantalla.

4. Site Palette
Si te llama la atención los colores que usa un sitio web, esta extensión puede serte útil. Gracias a
ella puedes obtener los colores principales utilizados por ese sitio web y luego producir una
paleta que puedes compartir y mostrar fácilmente a tus socios.

5. FatRank
Con FatRank puedes consultar el número total de palabras clave de un sitio web. Es una
herramienta de SEO perfecta para verificar las actividades de las palabras clave de tus
competidores, así como la clasificación de tu sitio web en Google y las páginas que están
clasificando. Además, ofrece información a clientes potenciales.
 6. Evernote Web Clipper
Guarda en la web todo lo que quieras, desde algo que encuentres y que sea de tu interés o que te
inspire hasta algo que necesites para investigar sobre algún tema, etc. Todo esto puedes
guardarlo en tu cuenta Evernote, incluidas imágenes, enlaces, textos con tan solo pulsar un
botón. No importa que el contenido original se elimine de la web, seguirás teniéndolo guardado.

7. The Great Suspender

Si eres programador o diseñador web que suele tener numerosas pestañas abiertas, The Great
Suspender es la extensión para ti. Todas las pestañas que no estés utilizando se detienen con esta
extensión, por lo que te garantiza que no se utilicen recursos innecesarios para ejecutar páginas
inactivas.
 8. CSS-Shack
Crea diseños para exportar como archivo de CSS para después usar en tu sitio web con la ayuda
de CSS-Shark. Esta gran extensión de Chrome contiene una amplia gama de herramientas como
puede ser un editor de fotos o también te proporciona soporte de capas.

9. Grammarly para Chrome

Esta extensión es útil para poder comunicarte de manera correcta con otras personas. Todos los
días millones de personas utilizan Grammarly para crear contenido, publicaciones en redes
sociales, documentos y mensajes sin errores ni equivocaciones.

10. Click and Clean

Los programadores web deben borrar la memoria caché y el historial de navegación a medida
que desarrollan una web cuando utilizan marcos específicos, ya que los cambios de CSS no se
ejecutan al actualizar la página. Click and Clean te permite limpiar todo tan solo pulsando un
botón y, además, también te da la opción de elegir cuáles quieres limpiar o guardar como, por
ejemplo, las cookies de un sitio en particular.
 11. WhatFont
Seguro que en algún momento te ha gustado la fuente específica de un sitio web en concreto.
WhatFont es una herramienta simple y eficiente que te ayuda a identificar el tipo de fuente
utilizada en un sitio de forma fácil y rápida.

12. Visual Inspector

Puedes realizar ediciones de forma temporal en sitios web sin necesidad de codificar con la
ayuda de Visual Inspector. Esta extensión es gratuita y te permite probar visualmente los
cambios que has realizado en tu sitio web en un tiempo real sin interrumpir a los visitantes de tu
sitio web y de manera rápida y eficiente.
 13. Check My Links
Después de realizar todo el trabajo que conlleva el desarrollo de tu sitio web, debes asegurarte
de que todos los hipervínculos funcionan correctamente. Check My Links es una extensión que
puede ayudarte con esta tarea. Con solo pulsar un botón, se ejecutará un escaneo del sitio web
completo y se resaltarán los enlaces que no funcionen de forma perfecta.

14. ColorZilla
ColorZilla es una herramienta avanzada de color que ofrece una gran cantidad de funciones
directamente en la ventana de tu navegador. Incluye herramientas que serán bastante útiles para
los diseñadores web como puede ser el selector de color, visor de paleta, cuentagotas y
generador de degradado.

15. Instant Wireframe

Todo el mundo quiere un esquema de página bonito. Con solo pulsar un botón puedes agregar
una superposición de esquema de página a cualquier página con Instant Wireframe, ya sea en
vivo o localmente.
16. Search StackOverflow
Cualquier programador web debe mirar esta extensión de Chrome, ya que es donde hay que
acudir si tienes cualquier problema relacionado con el desarrollo web. Cuenta con una
comunidad en crecimiento que cubre una amplia variedad de temas, desde CSS y PHP hasta
JQuery y Javascript. Se agrega un cuadro de búsqueda a tu navegador donde puedes buscar
temas de la gran cantidad de recursos de Search StackOverflow.
¿Conoces alguna extensión de Google Chrome que nos hayamos perdido? ¡Déjalo en los
comentarios y compártelo con tus compañeros diseñadores y programadores!