Mejores extensiones de Google Chrome para diseñadores web

Google Chrome es el navegador más popular para dispositivos de escritorio y móviles. ¿Quieres saber cómo sacarle el máximo provecho para tus trabajos de diseño web? Mira esto:

Es bien conocido por los desarrolladores y diseñadores. Aunque tiene características incorporadas para desarrolladores como herramientas de desarrollo, hay extensiones que hacen que chrome sea aún más potente.

Hoy en día estamos viendo algunas grandes extensiones de cromo para los diseñadores.

Estas extensiones son cuidadosamente seleccionadas para cubrir diferentes aspectos de su vida laboral diaria. Estas extensiones son ideales para organizar y simplificar su día a día de trabajo sin necesidad de más, permite a Digg en él.

WhatFont

Whatfont es una de nuestras extensiones favoritas del navegador Chrome, ayuda a identificar qué tipo de letra se usa en un sitio web.

Es fácil de usar, haga clic en el botón de extensión e inspeccione la fuente que desee identificar.

Le da casi toda la información como el nombre de la fuente, el peso, la vista previa del tamaño.

WhatFont responde a tu pregunta sobre tipografía en llamas:

¿Qué tipo de letra hay en ese sitio web?

Se necesita algo de trabajo para identificar las fuentes, identificándolas cuando se pasa el ratón por encima de ellas. Recoge servicios comunes para fuentes web.

Dark Reader

El lector oscuro es una extensión genial para chrome y firefox que le da a cualquier sitio web que visite un tema oscuro que es más fácil para los ojos.

El otro beneficio de esta Extensión es que ayuda a ahorrar la vida de la batería al usar el modo oscuro en su computadora portátil.

LastPass

El último pase es un gestor de contraseñas muy conocido que funciona casi en todos los dispositivos y plataformas. Le ayuda a guardar de forma segura sus contraseñas y notas importantes.

El uso de Lastpass es gratuito, aunque también hay una versión premium disponible para más funciones.

El último pase es una excelente herramienta para generar contraseñas fuertes sobre la marcha; genera contraseñas fuertes a prueba de hackers con intentos en la mayoría de los sitios web y aplicaciones.

Page Analytics

Page Analytics es una extensión cromada muy interesante que le permite ver el tráfico de una página individual desde su sitio web o blog mientras navega.

Es una especie de atajo para Google Analytics. Muestra las páginas vistas, las páginas vistas únicas, la tasa de rebote, etc.

Se le permite editar las cosas que quería ver en esta Extensión. Page Analytics es una herramienta imprescindible para los diseñadores web.

ColorPick Eyedropperk

Color Pick Eyedropper es una herramienta sencilla para elegir cualquier color en cualquier sitio web.

Le da el código de color para cualquier color de cualquier sitio web. La herramienta tiene un selector de colores de aumento que le permite elegir el color exacto que desea copiar.

ColorZilla

ColorZilla es una extensión Chrome que utiliza una herramienta de cuentagotas para recoger los colores de cualquier cosa en la web.

Puede ajustar los colores, previsualizar las paletas e incluso generar nuevas opciones.

Muzli

Muzli es una tremenda extensión de pestaña nueva para chrome que ofrece noticias relacionadas con la tecnología de inspiración de diseño curado y mucho más.

Es nuestro nuevo sofá favorito de aplicación de pestañas.

También puede personalizar la Extensión muzli para una variedad diferente de cosas.

Recientemente han añadido una funcionalidad de búsqueda que es ideal para un diseñador que está buscando inspiraciones.

Los recursos que proporcionan tienen un cierto nivel de calidad, lo que lo hace único.

Muzli 2 es una extensión de Chrome que ayudará a generar inspiración.

Es un escaparate de noticias de diseño y UX de toda la web, que contiene información de más de 120 fuentes en un solo lugar.

Alexa Traffic Rank

Alexa Traffic Rank le da la información que necesita antes de enlazar con otras fuentes web.

Obtenga acceso rápido y fácil al ranking de tráfico de Alexa y a los sitios enlazados.

Vea cuán bien revisado está el sitio.

Conozca cómo se encuentra el sitio a través de la búsqueda utilizando el análisis de búsqueda de Alexa, o vea cómo se veía en el pasado utilizando el Wayback Machine.

CSS Peeper

CSS Peeper es un inspector de sitios web que le da toda la información en un sitio web.

Encuentra cosas como el color utilizado, las fuentes utilizadas, las imágenes, los códigos CSS. Es una de las extensiones imprescindibles para los diseñadores.

CSS peeper es una versión avanzada y visual de la herramienta de desarrollo cromada. Esta herramienta hace su día mucho más manejable como diseñador.

Stylebot

Stylebot le ayuda a cambiar la apariencia de los sitios web al instante con CSS personalizado.

Puede previsualizar e instalar estilos o seleccionar y elegir los cambios que desea realizar desde el editor. Realice ajustes en las fuentes, colores, márgenes, visibilidad e incluso escriba CSS manualmente.

Simplify

Simplificar para Gmail es una extensión que hace que Gmail sea simple, limpio y mínimo. Esta extensión fue diseñada inicialmente por el anterior diseñador de la bandeja de entrada de google. Cree que Gmail está desordenado y crea algo que le es familiar y mínimo.

Se deshace de toda la distracción que tiene Gmail sin perder ninguna funcionalidad. Gran herramienta para los que aman la simplicidad.

SVG-Grabber

SVG-Grabber le permite previsualizar y «agarrar» todos los activos SVG de un sitio web copiando el código.

Es una herramienta de código abierto que es súper divertida de usar.

Grammarly

La gramática mejora tus habilidades de escritura al instante, como cuando la escribes.

Es un socio de escritura rápido, sofisticado y dedicado. Grammarly es un software de edición de textos, y funciona en varias áreas para editar tus textos a medida que avanzas. Le da sugerencias para la voz pasiva, voz activa, comas, errores de gramática, y más.

El objetivo de Grammarly es que su escritura sea gramaticalmente correcta.

La gramática funciona en todo tipo de entornos de trabajo. Funciona en ordenadores, navegadores y dispositivos móviles.

Grammarly le permite revisar la ortografía y la gramática en el navegador mientras trabaja.

Evite errores tontos para que todo su trabajo, desde correos electrónicos hasta maquetas, tenga un aspecto más pulido.

CSS-Shack

CSS-Shack le permite crear estilos de capa en el navegador y exportarlos utilizando un único archivo CSS. Es ideal para crear maquetas de cualquier cosa, desde un diseño completo del sitio hasta un simple botón.

UX Check

UX Check Extention ayuda a los diseñadores a identificar los problemas de usabilidad con la evaluación heurística. No es sólo un inspector de UX; le permite anotar y descargar el elemento de interfaz de usuario en particular. Incluso puede crear una lista heurística personalizada y ejecutar una evaluación.

Checkbot

Checkbot le ayuda a comprobar y corregir problemas de SEO, velocidad y seguridad en su sitio web.

Utilícelo para buscar enlaces rotos, títulos duplicados, páginas inseguras, HTML no válido y muchos otros problemas que pueden afectar a la usabilidad. La extensión está repleta de reglas para las mejores prácticas, tal vez incluso algunas cosas en las que no has pensado.

Site Palette

Paleta del sitio Despliega cada color de un sitio web de una manera organizada.

A continuación, puede descargar cada paleta de colores como una plantilla de esbozo o abrir cada color en los refrigeradores, o puede crear una muestra de adobe.

Site Palette genera paletas completas que puede compartir, muestrear y descargar.

La parte que hace que esta extensión sea muy valiosa es que usted puede sacar la paleta de cualquier sitio web como inspiración para futuras combinaciones de colores.

Funciona con Sketch, Google Art Palette y muestras de Adobe, así como con una API gratuita.

Page Ruler

Page Ruler es una extensión de Google Chrome que le permite dibujar una regla y obtener las dimensiones y la posición de los píxeles.

Se usa para medir cualquier elemento de un sitio web. Es súper fácil de usar con una interfaz de arrastrar y soltar con flechas y guías.

Sprectrum

La deficiencia de la visión del color es un problema grave en estos días.

Aproximadamente 200 millones de personas tienen CVD en todo el mundo.

Por lo tanto, es importante considerar este tema cuando se desarrolla un sitio web.

Spectrum prueba su sitio web para detectar varios tipos de deficiencia de visión en color.

Spectrum le permite probar cualquier sitio web y verlo desde la perspectiva de personas con diferentes tipos de visión del color.

Es una gran herramienta de accesibilidad que puede ayudarle a tomar decisiones de diseño cuando se trata de color y contraste.

PerfectPixel

PerfectPixel le permite poner una sobreimpresión de imagen semitransparente en HTML desarrollado y realizar comparaciones perfectas de píxeles. Utilícelo para diseñar con una precisión de píxeles perfecta.

Corporate Ipsum

Una generación de texto ficticio con un giro corporativo:).

Corporate Ipsum es colaborar cuando diseñas para sitios web corporativos. Genera palabras corporativas familiares en un abrir y cerrar de ojos.

Corporate Ipsum utiliza un conjunto más profesional de palabras de relleno para texto de relleno (lorem ipsum).

Loom

Loom es una herramienta que te permite capturar tu pantalla, grabar desde la cámara y narrar todo a la vez.

Luego puedes compartir con un enlace.

Es una excelente manera de colaborar en proyectos con personas que no están en la misma ubicación.

Window Resizer

Window Resizer le permite redimensionar una ventana del navegador a diferentes resoluciones de pantalla.

Pruebe los diseños en diferentes resoluciones de navegador.

La lista de resoluciones es completamente personalizable.

Configure el ancho/alto de la ventana, la posición de la ventana, el icono de preselección (teléfono, tableta, portátil, escritorio) e incluso la opción de aplicar las nuevas dimensiones a toda la ventana o sólo a la ventana de visualización.

Custom Cursor

Custom Cursor es una de esas extensiones que son totalmente divertidas. Le permite cambiar el cursor del ratón a casi cualquier diseño que pueda imaginar, utilizando sus imágenes o una colección prefabricada.

CSS Scan

CSS Scan le permite comprobar, copiar y editar CSS utilizando una extensión del navegador para que pueda evitar la herramienta «inspeccionar elemento».

La verdadera ventaja es que puede desplazar el ratón, hacer clic y copiar todas las reglas de un elemento en un instante.

Check My Links

Check My Links sirve para comprobar si hay enlaces rotos en una página web. Resalta los enlaces válidos y rotos en diferentes colores para que pueda ver qué necesidades funcionan rápidamente. A continuación, copie todos los enlaces erróneos en su portapapeles para facilitar la resolución.

Google Arts & Culture

Google Arts & Culture sustituye las feas ventanas del navegador por cada nueva pestaña que abres en Chrome. Usted recibirá una dosis diaria de arte con obras maestras y descripciones del arte que ve.

Resolution Test

Resolution Test es una extensión de Chrome que permite a los desarrolladores probar páginas web en diferentes resoluciones de pantalla. Simple, pero efectivo.

FontFace Ninja

FontFace Ninja es una extensión de navegador que le permite inspeccionar, probar, marcar y comprar las fuentes que se encuentran en cualquier sitio web.

Image Downloader

Image Downloader le permite descargar imágenes a granel desde una página web. Puede ver las imágenes que contienen las páginas y enlazar y filtrar por ancho, alto y URL. Elige las imágenes que más te gusten y descárgalas.

RescueTime

RescueTime es la última extensión de la productividad. Manténgase al tanto de lo que hace en línea todo el día (si se atreve).

Google Font Previewer

Google Font Previewer te permite elegir una fuente del directorio de fuentes de Google con algunas opciones de estilo, y previsualizarlas en la pestaña actual.

¿Cuál es tu extensión favorita de Google Chrome?

Ahora que has visto nuestra colección de extensiones de Google Chrome para diseñadores y desarrolladores, envíanos una nota y dinos cuáles son tus extensiones favoritas.

Además, ¿ha probado alguna de las extensiones anteriores? ¿Qué te parecieron?

Las extensiones de navegador pueden acelerar los flujos de trabajo de diseño, ayudándole a hacer de todo, desde identificar una fuente, hasta tirar de una muestra de color o inspeccionar el código de un elemento.

Google Chrome ha superado a todos los demás navegadores con la mayor cuota de mercado entre los usuarios, en más del 58 por ciento de todos los ordenadores.

Y hay un montón de extensiones para ayudarte a optimizar el rendimiento de Chrome en tus flujos de trabajo de diseño.

Hemos recopilado una impresionante colección de 25 extensiones de Google Chrome extremadamente útiles para diseñadores y desarrolladores.