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