10 extensiones de Chrome que mejorarán tu vida como diseñador

Última actualización 04 de Noviembre del 2020

user

Alejandra Mujica

10 extensiones de Chrome que mejorarán tu vida como diseñador 10 extensiones de Chrome que mejorarán tu vida como diseñador

Hemos recopilado las 10 mejores extensiones de Chrome para facilitarte un poco la vida como diseñador web o gráfico.

Sabemos que como diseñador siempre estás buscando nuevos consejos, trucos y herramientas que te ayuden a acelerar y mejorar tu flujo de trabajo, es por eso que estas extensiones para Chrome serán tus mejores salvavidas gráficos. 🥳

¡Aprovéchalas y úsalas sabiamente!

Índice

  1. Awesome screenshot
  2. Toybox
  3. Muzli
  4. SVG Grabber
  5. Page Ruler
  6. ColorZilla
  7. Fonts Ninja
  8. Window resizer
  9. Emoji Keyboard
  10. Pablo
     

Accede a todos los cursos de diseño con nuestra Membresía Premium
 

1. Awesome screenshot, una extensión de Google Chrome para pantallazos

¿Necesitas hacer un screenshot o mostrar el diseño y funcionamiento de una web? Esta extensión de Google Chrome te será muy útil cuando quieras tomar pantallazos o hacer grabaciones de pantalla desde una computadora.
 

awesome extension chrome

Imagen: 99designs

Awesome: principales características de la extensión para Google Chrome

No necesitas complicarte más, estas tres características de la extensión para Google Chrome son suficientes cuando se trata de registrar y guardar lo necesario para tus proyectos de diseño.

  • Recortar y cambiar el tamaño de las imágenes capturadas.
  • Descargar con facilidad los videos y las capturas de imágenes.
  • Utilizar herramientas de anotación y desenfoque.
     

Úsala gratis aquí

Descarga gratis este brush y más de 200 pinceles en nuestra sección de recursos


2. Toybox, extensiones de Chrome para diseñadores gráficos web

Si estás buscando extensiones de Chrome que faciliten la revisión de cada página web (agregar feedback en cada sección, botón e imágenes), entonces Toybox será tu mejor dupla.


 

Toybox: principales características de la aplicación para Chrome

Toybox es una aplicación para Chrome que realmente salva la vida no solo de diseñadores web sino también de los programadores.

  • Agrega tus comentarios en el mismo sitio web (tendrás una opción de agregar comentarios en las secciones y botones que quieras).
  • Puedes marcar comentarios, errores e ideas directamente en el sitio online (es como una pizarra digital).
  • Inspecciona también el CSS de la página web.
  • Exporta directamente las tareas y comentarios.
     

Esta extensión es de pago; pero cuenta con una versión gratuita por 30 días sin necesidad de utilizar tu tarjeta de crédito. ¡Créenos que valdrá totalmente la pena!

Instálala aquí

¿Te gustaría convertirte en un experto en ilustración digital? Aprende Adobe Illustrator
 

3. Muzli, inspiración a través de un plugin de Chrome

¿Miras inspiración artística antes de empezar a diseñar? Este plugin de Chrome tiene los recursos necesarios para despertar tu creatividad y darle vida a tus primeros bocetos gráficos. 🤩

Cada vez que abras una nueva ventana del navegador, verás un feed actualizado con diseños inspiradores. 

Esas imágenes aleatorias vienen de diferentes fuentes de diseño, así que por cada ventana que abras encontrarás nuevos, modernos y únicos materiales de inspiración.

muzli extension chrome

Imagen: Muzli

🗣 ️ Atención diseñador: ¿te gustaría aprender a hacer tu propio webcómic y publicarlo en Internet sin perder amigos?
 

Muzli: principales características de inspiración para añadir a tu Google Chrome

Antes de añadir esta extensión a tu Google Chrome, échale un vistazo a estas características para que puedas estar preparado para un buen brainstorming.

  • Incluye fotografías, diseños, UI/UX inspiracional.
  • Reemplaza la página predeterminada de Chrome con estas fuentes de inspiración aleatoria.
  • Se integra muy bien con otros programas como Dribble o Designer news.
     

Instálala gratis aquí

Conoce nuestro curso de Sketch de cero a experto: Diseñando interfaces
 

4. SVG Grabber, copiar los íconos de una web nunca fue tan fácil (como ahora) con una extensión para Chrome

¿Te gustaría guardar todos los logotipos o íconos de una página web? Esta acción nunca fue tan sencilla, como lo es ahora, gracias a una extensión para Chrome.

Con SVG Grabber solo necesitarás darle clic a un solo botón y automáticamente extraerá todos los SVG que están en la página. ¿Genial, no?

SVG extension chrome

Imagen: Medium

SVG Grabber: principales características para extraer imágenes de navegadores web

Si quieres extraer íconos, logos e imágenes de navegadores web en segundos, toma nota de estas características:

  • Puedes obtener una vista completa de todo lo que capturaste y descargar solo lo que necesitas.
  • Te permite copiar el código de todos los íconos e ilustraciones SVG  de un sitio web.
  • Puedes tenerla en segundo plano y usarla cuando lo creas necesario.
     

Instálala gratis aquí
 

5. Page Ruler, mide todo lo que quieras con esta extensión de Google Chrome Store

Medir el tamaño de todos los objetos en una página web puede resultar algo realmente pesado... Es por eso que existe Page Ruler, la extensión favorita de Google Chrome Store para medir todo lo que quieras y las veces que quieras.

Para utilizar esta extensión solo necesitas realizar 2 pasos: abrir Page Ruler, arrastrar el cuadro para medir y listo. 

¿Te interesa el diseño UX de una página web? Conoce las reglas más importantes (y que no deberías romper).

page ruler

Imágen: 99designs
 

Page Ruler: principales características para descargar esta extensión de Google Chrome

Esta extensión de Google Chrome es la herramienta perfecta para conocer los píxeles de cualquier sitio web.

  • Te permite dibujar una regla en una página para que conozcas sus dimensiones.
  • Puedes ver el ancho, alto, posición superior, inferior, izquierda y derecha.
  • Aplicar las guías que se extienden desde los bordes de la regla.
  • Cuenta con un “modo elemento” para describir los elementos de la página al pasar el mouse sobre ellos.
     

Instálala gratis aquí
 

6. ColorZilla, una de las mejores extensiones para Chrome que te ayuda a descubrir colores
 

Esta es una de las mejores extensiones para Chrome que te permite ver de una forma rápida qué color se está usando en cualquier sitio web.

Simplemente tienes que colocar el cursor sobre los elementos de una página web y conocerás el valor del color en hexadecimal y RGB.

¡Dale clic y automáticamente se copiará en tu portapapeles!
 

colorzilla extension

Imagen: Chrome Web Store

ColorZilla: principales características para sacarle provecho a una de las mejores extensiones de Chrome

Esta es una de las extensiones de Chrome que sí o sí debe estar en tu navegador, aquí te contamos por qué:

  • Podrás averiguar cualquier color del sitio web que quieras.
  • Muestra códigos RGB y HEX.
  • Pega los colores fácilmente en cualquier aplicación.
  • Cuentagotas: te ayudará a tener el color de cualquier píxel de la página.
     

Instálala gratis aquí
 

7. Fonts Ninja, averigua qué fuente es con esta extensión de Chrome

Esta extensión de Chrome te ayuda a averiguar qué fuente está usando cualquier sitio web.

Identifica con esta extensión el nombre de la fuente, luego puedes buscarla en Google Fonts y descargarla. 🙌

fonts ninja extension

Imagen: Chrome Web Store

Fonts Ninja: principales beneficios al agregar esta extensión de Chrome

Al agregar esta extensión de Chrome en tu navegador disfrutarás estas características:

  • Puedes ver todas las fuentes que utiliza la página web.
  • Con el cursor sobre el texto podrás ver el nombre de la fuente y las propiedades CSS.
  • Marcar todas las fuentes y administrarlas en la misma extensión.
     

Instálala aquí

Pssst… 👀 ¿Sabes qué es CSS y cómo se relaciona con HTML? 
 

8. Window Resizer, diferentes pantallas en una extensión de Chrome

Sabemos que como diseñador necesitas saber cómo se verá un diseño web en diferentes pantallas y esto lo puedes lograr con una extensión de Chrome.

Solo tienes que abrir la extensión y darle clic en las diferentes ventanas gráficas preestablecidas para que puedas visualizar cómo se adapta tu diseño en distintos tamaños y plataformas.

window resizer

Imagen: Chrome Web Store
 

Window Resizer: principales características para descargar esta extensión Chrome

Descargar esta extensión de Chrome te ahorrará mucho tiempo de producción. Te contamos por qué:

  • En la misma ventana del navegador podrás cambiar el tamaño de la pantalla a diferentes resoluciones para que puedas simular cómo se verá en cada sitio.
  • Es muy útil para los diseñadores y desarrolladores web en la producción de cualquier proyecto.
  • Puedes personalizar la lista de resoluciones (modificarla al tamaño que quieras).
     

Instálala gratis aquí

Mira todos los recursos gratuitos que tenemos para ti

 

9. Emoji Keyboard, la extensión Chrome más diver para diseños millennials 🤪✌️

Si diseñas contenido para redes sociales, entonces ¡instala esta extensión Chrome ya mismo! Conoce las 18 mejores apps de diseño gráfico para tu celular.

emoji keyboard

Imagen: Chrome Web Store

Emoji Keyboard: principales características para usar este plugin para Chrome

Instala este plugin para Chrome y dale un look and feel muy millennials a tus publicaciones en Instagram o Facebook. 

  • Cuenta con todos los emojis que existen en las redes sociales.
  • Para usarla solo necesitas buscar, seleccionar, copiar y pegarla en donde quieras.
     

Instálala gratis aquí

Inscríbete al curso online de Diseño de íconos para marcas digitales

 

10. Pablo, la extensión de Chrome favorita de diseño de imágenes para redes sociales

Esta extensión de Chrome te permite diseñar imágenes optimizadas para las plataformas de redes sociales.

pablo extension

Imagen: Chrome Web Store

Pablo: principales características al añadir la extensión de Chrome

Pablo es una extensión de Chrome que puede salvarte de apuros si tienes que diseñar varias imágenes en diferentes formatos para cada red social.

  • Puedes elegir entre más de 600.000 imágenes gratuitas o subir tu propia imagen.
  • Selecciona la plataforma que quieras.
  • Agrega texto y otros filtros para crear tu diseño final.
  • Tiene formatos para Pinterest, Twitter, Facebook e Instagram.
     

Instálala gratis aquí

¿Ya conoces nuestros cursos GRATIS? ¡Inscríbete!
 

Estamos seguros que si empiezas a añadir estas extensiones de Chrome a tu navegador, te darás cuenta que tu flujo de trabajo mejorará (casi inmediatamente) y te dará más tiempo para seguir creando y explorando. 🌈

¡Buena suerte, diseñadora y diseñador!






 

Recomendados para ti