Te voy a mostrar las mejores extensiones de Google Chrome para diseñadores que te pueden hacer la vida más fácil.

Chrome es un navegador fabuloso, rápido, bien diseñado y repleto de funciones esenciales, pero eso es solo el comienzo.

La verdadera fortaleza de Chrome está en su enorme biblioteca de extensiones que brindan un sinfín de nuevas funciones y habilidades.

De hecho, Chrome Web Store está repleta de tantas extensiones que es difícil saber cuál marcará realmente la diferencia en tu navegación diaria.

Como diseñadores siempre estamos en necesidad de nuevas herramientas que nos ayuden a agilizar el trabajo y, por ende, nos ahorren tiempo.

¿Te ha pasado que necesitas saber el tipo de fuente de una página web o algún color en específico y tienes que ir a abrir la pestaña de “Inspect” y buscar entre líneas de código lo que requieres?

Eso es una pesadilla cuando tienes las fechas de entrega soplándote en la nuca.

En este video tutorial se muestra paso a paso como instalar extensiones de Google Chrome.

Pasamos entonces a la lista de extensiones:

1. Color Pick Eyedropper

Una extensión para saber qué colores hay en una página web.

Te reporta tanto el código HEX de color como el del RGB.

Es tan precisa que lo hace por pixeles, sirve en caso de que necesites utilizarla en íconos o figuras pequeñas.

Una vez que la hayas instalado en tu navegador podrás acceder a ella desde la barra de Chrome.

Dando clic y posicionando el cursor sobre el color del cual deseas saber el código, te aparece automáticamente una ventana flotante con el código de color.

Para deshabilitar las extensiones solo presionas la tecla ESC.

Color Pick Eyedroper extension

Selecciona el color posicionando el cursor sobre él y listo, te aparece el código

2. WhatFont

Al igual que la extensión para el color, Whatfont es una extensión para saber qué tipo de letra hay en una página web.

Si pasas el cursor sobre el texto puedes ver que tipo de letra es y si das click sobre el texto, te da más detalles como la familia de la letra, el estilo, el tamaño y el color entre otras cosas.

WhatFont extension

3. Stylebot

Esta extensión es para quienes hacen Webdesign.

Stylebot te permite inspeccionar los elementos de una página y editarlos para tener una pre-visualización de cómo se verían si cambias colores, textos, tipos de fuentes, etc.

Una vez instalada, desde la pestaña en el header das clic en el ícono de la extensión, (en este caso es una S).
Y se despliega un menú.
Escoge la opción “Open Stylebot

Stylebot Extension

Se desplegará una ventana con varias opciones de edición del texto.

Da clic en el icono azul con la flecha y sitúa el cursor en cualquier parte de la pantalla que quieras editar para previsualizar

Aparece la zona resaltada por un recuadro transparente.

Posteriori regresas a dar clic en icono azul para deshabilitarlo y procedes a editar los cambios como tipo de letra, tamaño, color, etc.

Los cambios se reflejarán de inmediato en la zona que elegiste.

4. Lorem Ipsum Generator

Esta extensión es super nice para los diseñadores que ponemos textos en nuestros mockups, ya que te evita estar buscando dichos textos desde templates por la web y copiar y pegar.

Proporciona una forma elegante y rápida de crear texto predeterminado o generar Lorem Ipsum. Optimizado para un uso rápido que se puede personalizar.

Cada oración se genera aleatoriamente para simular texto real.

Opciones:
Puedes editar el número de párrafos y oraciones por párrafo. Crear listas, etc.
Ya que terminas solo copias al portapapeles y pegas donde tu quieras.

Lorem Ipsum Extension

5. Full page screen capture

Esta extensión hace una captura de pantalla de tu página actual en su totalidad y de manera confiable.

Y cuando hablo de totalidad me refiero a que te hace screenshoot “en chorizo” de imágenes desde el inicio de la página hacia abajo. (como se muestra en la imagen).

Solo haciendo clic en el icono de la extensión (la pequeña cámara).

Solo tomará unos segundos para que te saque una imagen completa de la página en la que te encuentra

Después te da la opción de descargarla como una imagen .PNG o un archivo .PDF o incluso simplemente arrastrarla a tu escritorio.

Lo hace sin páginas flotantes, sin anuncios, sin permisos innecesarios; solo una forma sencilla de convertir una página web completa en una imagen.

La tecnología avanzada de captura de pantalla maneja páginas complejas, incluidos los elementos internos desplazables y los frames integrados.

Full page screen capture extension

6. Image Downloader

Si necesitas descargar imágenes de forma masiva desde una página web, con esta extensión puedes:

  • Ver imágenes que contiene la página y enlaces
  • Filtrarlas por ancho, alto y URL
  • Opcionalmente mostrar solo imágenes de enlaces
  • Seleccionar las imágenes quieres descargar haciendo clic en la imagen
  • Usa botones dedicados para descargar o abrir imágenes individuales en nuevas pestañas
  • Personalizar el ancho de visualización de la imagen, las columnas, el tamaño del borde y el color
  • Ocultar filtros, botones y notificaciones que no necesitas.

Image Downloader Extension

7. Loom

Una extensión buenísima que antes de hacer este post no conocía y me encantó, ya que me será de bastante utilidad y seguro que a ustedes también.

Se trata de hacer mensajería de video. Una vez instalada te pedirá conectar mediante tu cuenta de Google, Slack o Apple.

Con esta extensión puedes grabar tu pantalla, tu voz y tu rostro para crear un video que puedes compartir instantáneamente en menos tiempo del que tomaría escribir un correo electrónico.

Puedes mostrar a tus compañeros de trabajo cómo hacer alguna tarea en pantalla mientras les explicas por ejemplo, o puedes enseñarles un proceso, mostrarle también algún diseño de interfaz a algún cliente, etc.

Una vez que terminaste lo puedes bajar y enviar o bien, subir a tu cuenta de Youtube.

Loom Extension

8. Momentum

Ya sé, esta no es una extensión muy práctica de diseño pero si muy bonita y todo lo bonito nos gusta ¿no es así diseñadores?

Se trata de una extensión que al abrir una nueva pestaña en Chrome te saca un nuevo wallpaper cada vez.

Sirve para cuando esta compartiendo pantalla en una reunión de zoom y no quieres mostrar la última página que visitaste entre otros usos.

Además viene con datos en pantalla como la hora y el clima, puedes poner tus tareas pendientes y recordatorios entre otras cosillas… y todo configurable por supuesto.

Momentum Extension

En fin, espero estas extensiones les ayuden un poco a optimizar los tiempos de trabajo.

Y es que todo lo que nos ahorre tiempo y esfuerzo siempre es bienvenido.

Leave a Reply

Your email address will not be published. Required fields are marked *