10 extensiones de Chrome que mejorarán tu vida como diseñador
Alejandra Mujica - 05 Nov 20
Articulo
7 min.
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
- Awesome screenshot
- Toybox
- Muzli
- SVG Grabber
- Page Ruler
- ColorZilla
- Fonts Ninja
- Window resizer
- Emoji Keyboard
- 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.
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.
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!
¿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.
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.
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?
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.
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).
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.
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!
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.
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. 🙌
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.
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.
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).
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.
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.
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.
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.
¿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!