29 extensiones de Chrome para el diseño

Como autónomo que tiene que crear imágenes que llamen la atención para los clientes, siempre estoy buscando las mejores extensiones de Google Chrome para el diseño que harán mi trabajo 100 veces más fácil.

Tanto si eres un diseñador veterano como si acabas de empezar, para cuando termines con este post, tendrás al menos una nueva herramienta que te ayudará a crear un arte aún mejor (y a ser más eficiente también).

Capturas de pantalla y anotaciones extensiones de Chrome-

Awesome Screenshot

Awesome Screenshot es súper útil cuando se trata de tomar capturas de pantalla y grabaciones de pantalla mientras estás conectado.

Características

• Captura de pantalla de páginas online mientras navegas
• Crea una grabación de vídeo de tu pantalla
• Recorta y cambia el tamaño de las imágenes
• También dispone de herramientas de anotación y desenfoque
• Descarga y guarda fácilmente tus imágenes y vídeos

Obtén impresionantes capturas de pantalla

qSnap

qSnap es una herramienta deherramienta de captura de pantalla del navegador para Chrome, Firefox, Safari, Opera e Internet Explorer.

Características

• Capturar y anotar múltiples imágenes al mismo tiempo
• Consolidar múltiples imágenes en un solo documento
• Compartir capturas de pantalla entre plataformas

Obtener qSnap

Evernote Web Clipper

Evernote es un popular software de toma de notastomar notas tanto para dispositivos móviles como para ordenadores de sobremesa/portátiles.

Características

• Captura de pantalla mientras está en línea
• Organiza las capturas de pantalla en carpetas
• Sincroniza las capturas de pantalla entre dispositivos para puedas acceder a ellas en cualquier lugar

Obtén Evernote Web Clipper

Extensiones de Chrome para la edición de imágenes y fotos-

Colorzilla

¿Descubriste un bonito color en la web de otra persona? Averigua su código HEX utilizando Colorzilla.

Características

• Obtén una lectura del color desde cualquier punto del navegador
• Muestra los códigos RGB y HEX
• Pega fácilmente los colores en cualquier otra aplicación

Obtén Colorzilla

ProofMe para Canva

Con la extensión ProofMe de Canva, puedes crear pruebas de tus diseños de Canva y enviarlas por correo electrónico a tus amigos o colegas.

Características

• Comparte pruebas sin problemas con Gmail, Facebook, Twitter, Slack y mucho más
• Anota diseños dibujando líneas, resaltando texto, tomar medidas y añadir comentarios
• Incorpora fácilmente los comentarios y guarda nuevas versiones de las pruebas

Obtén ProofMe

Picmonkey

Picmonkey es una de las mejores extensiones de Chrome para diseñadores que te permite editar al instante las capturas de pantalla e imágenes que se encuentran en cualquier página web.

Cómo usar PicMonkey

• Haz clic en el icono de PicMonkey cuando estés viendo una página web.
• Selecciona cualquier imagen o captura de pantalla en una barra lateral.
• Realiza ediciones básicas como: recortar &rotar, filtros de imagen, superposiciones, fuentes, texturas, marcos y herramientas de retoque.

Obtén Picmonkey

Slidely Photo Remix

Da vida a cualquier imagen en línea con las funciones de edición personalizada de Slidely Photo Remix.

Características

• Añade superposiciones de texto a cualquier imagen con un solo clic.
• Crea collages completos, diapositivas con música o incluso una promoción para tu negocio.
• Comparte tus fotos por correo electrónico, Facebook, Google Plus, Pinterest o Twitter.

Obtén Slidely Photo Remix

Photomania

Convierte al instante cualquier foto online en un emocionante arte visual con los efectos fáciles de usar de PhotoMania.

Cómo usar PhotoMania

• Pasa el ratón por encima de cualquier imagen en tu navegador.
• Elige entre más de 400 efectos. En este ejemplo, se ha seleccionado el efecto «Sketch».
• Comparte tu imagen con tus amigos.

Si te gusta PhotoMania, Polarr y GooEdit son otras dos extensiones que te permiten editar fácilmente las fotografías directamente en tu navegador.

Obtén PhotoMania

Sumo Paint

Sumo Paint es una extensión de pintura y edición de imágenes con todas las funciones para el diseñador avanzado que desea crear imágenes impresionantes sin el precio que conllevan herramientas como Photoshop.

Características

• Una comunidad de arte activa de más de 570.000 miembros y más de 2 millones de imágenes
• Soporte para capas de imagen
• Sombra, brillo, gradiente y efectos de superposición
• Herramientas de ajuste de imagen para curvas, niveles, equilibrio de color y mucho más
• Herramientas de pintura profesional con más de 300 pinceles
• Decenas de funciones más comparables a las herramientas estándar de Photoshop

Obtenga Sumo Paint

Su Diseñador Gráfico

Su Diseñador Gráfico es un editor de gráficos vectoriales HTML5 que puede utilizarse para crear dibujos, vectores y pinturas tanto en línea como fuera de ella.

Características

• Dibujo a mano alzada
• Una pizarra completa de herramientas vectoriales que incluye líneas, formas y curvas
• Exporta como SVG, PNG, JPG, BMP y PDF
• Soporte multilingüe

Consigue tu diseñador gráfico

WhatFont

¿Te ha llamado la atención una fuente web y necesitas saber cuál es? WhatFont inspecciona y detecta las fuentes utilizadas en cualquier sitio web.

Cómo usar WhatFont

• Haz clic en el icono de WhatFont para ver una lista de las diferentes fuentes utilizadas en la página.
• Pasa el ratón por encima de una porción específica de texto para conocer su tipo de fuente.

Obtenga WhatFont

Descargador de imágenes

Explore y descargue todas las imágenes de cualquier sitio web con Image Downloader.

• Vea todas las imágenes de la página, tanto las alojadas como las enlazadas
• Filtre las imágenes por anchura, altura y URL
• Descargue o abra imágenes individuales

Use la extensión Gallerify que realiza la misma función.

Obtén el descargador de imágenes

Pablo

Diseña imágenes optimizadas para cada plataforma de medios sociales utilizando la extensión Pablo Chrome.

Cómo usar Pablo

• Elige entre más de 600.000 imágenes de stock gratuitas o sube las tuyas propias.
• Selecciona en qué plataforma de redes sociales se alojará la imagen.
• Añade texto y otros filtros de imagen para crear tu propia obra maestra.

Obtén Pablo

Teclado Emoji

¿Te gustan los Emojis? Añádelos a tu contenido escrito o en imágenes con esta extensión.

Cómo usar el Teclado Emoji

• Haz clic en el icono del Teclado Emoji en la barra del navegador.
• Busca el emoji que quieras usar.
• Haz clic para copiarlo y luego pégalo en lo que estés escribiendo.

Obtén el teclado emoji

HoverZoom+

Amplía la imagen de cualquier sitio web simplemente pasando el ratón por encima de la imagen.

Características

• Funciona con Amazon, Facebook, Flickr, Google (Google Images, Google+), Imgur, Pinterest, Reddit, Twitter. Tumblr, Wikipedia, WordPress, YouTube, y más

Obtén HoverZoom+

Texmage

Crea superposiciones de texto sobre cualquier imagen usando Texmage sin la molestia de descargar primero la imagen, subirla a Canva o Picmonkey y luego editarla.

Cómo usar Texmage

• Selecciona una imagen de cualquier sitio web.
• Añade texto a la imagen y ajusta su tamaño, fuente, color y opacidad.
• Descarga tu nuevo «texmage» o compártelo en las redes sociales.

Obtén Texmage

Guarda en Google Fotos

Guarda las imágenes que encuentres en Internet en tu Google Fotos para poder trabajar con ellas más tarde.

Características

• Ilimitado, almacenamiento gratuito
• Acceder a las fotos en cualquier lugar que tenga una conexión a Internet
• Eliminar automáticamente las imágenes duplicadas
• Múltiples álbumes de fotos

Obtener Google Fotos

Extensiones de Chrome para desarrolladores web-

PerfectPixel

PerfectPixel permite a los desarrolladores poner una imagen semitransparente sobre la parte superior de una página HTML para realizar una comparación píxel a píxel entre ellas.

Características

• Soporte para múltiples superposiciones
• Soporte de versión y escalado
• Se guardan las superposiciones entre sesiones de navegación

También merece la pena echar un vistazo a otras dos herramientas de superposición -Bootstrap Overlay e Instant Wireframe-.

Obtén PerfectPixel

CSS Shack

CSS Shack es una extensión de Chrome y una aplicación de escritorio que permite crear diseños de sitios web y maquetas de aplicaciones fácilmente.

Características

• Crear estilos de capa
• Exportar estilos a CSS y almacenarlos
• Utilizar para crear y mantener una guía de estilo web

Obtén CSS Shack

CSS3 Generator

La extensión CSS3 Generator crea el código CSS que necesitas para que no tengas que escribirlo tú mismo.

Características

• Sombras de texto y cajas
• Colores Hex/RGBA
• Transformaciones
• Columnas
• Gradientes
• Transiciones
• ¡Y mucho más!

Obtén el generador de CSS3

Regla de páginas

La regla de páginas te permite dibujar una regla en cualquier página para mostrar las dimensiones en píxeles y el posicionamiento de cualquier elemento en una página web.

Características

• Ver el ancho &alto y la parte superior, inferior, izquierda & posición derecha
• Guías que se extienden desde los bordes de la regla
• Actualizar manualmente el tamaño y la posición de la regla para realizar cambios de precisión
• El «Modo Elemento» perfila los elementos de la página al pasar el ratón por encima de ellos
• Navegar por los elementos padre, hijos y hermanos de cualquier elemento

Obtener la regla de la página

¡Daltonizar cromo!

El daltonismo afecta a alrededor del 5% de la población. ¡Eso es 1 de cada 20 usuarios de ordenador! La extensión Chrome Daltonize amplifica los detalles del color para que los usuarios daltónicos no se pierdan ningún contenido.

Características

• Simula cómo se verán las imágenes para un daltónico
• Revela los colores a los usuarios daltónicos permitiendo que puedan ver los detalles

Obtén Chrome Daltonize

Window Resizer Beta

Cada tamaño de pantalla tiene una resolución diferente, y Window Resizer te muestra cómo se verá un sitio web en diferentes pantallas, todo en la ventana de tu navegador.

Cómo utilizar Window Resizer

• Una vez instalado, al hacer clic en el icono de la extensión se abrirá un cuadro de diálogo (como se muestra en la imagen siguiente) que le permite cambiar el tamaño de su pantalla a diferentes resoluciones para que pueda simular cómo se vería un sitio web en ese tamaño de pantalla y resolución.

Obtén Window Resizer Beta

Web Maker

Web Maker es perfecto para los desarrolladores que quieren experimentar con elementos HTML, CSS o Javascript cuando no estás conectado.

Características

• Guarda y carga tus creaciones, en cualquier momento, en cualquier lugar
• Autocompletar código
• Editar en CodePen
• Ver la captura de pantalla
• Abrir el código fuente en Github

Obtener Web Maker

Blue Button

Blue Button es el arma espía definitiva de un diseñador DIY. Úsalo para inspeccionar la meta descripción, las etiquetas, el CSS y todo lo demás «bajo el capó» de cualquier sitio web.

Características

• Un repaso a todos los elementos esenciales de diseño web, gráficos y SEO en un solo clic
• Accede a la información relacionada con el SEO, como las etiquetas, la meta descripción y la información de la cabecera
• Ve una lista de todos los scripts y hojas de estilo utilizados en el sitio
• Ve el favicon del sitio, los iconos táctiles y otras imágenes.
• Averiguar qué fuentes de Google están cargadas

Obtener el botón azul

Extensiones de Chrome inspiradoras-

26. Flickr Tab

Una vez instalada Flickr Tab, cada nueva pestaña de Chrome mostrará una foto popular de la comunidad de Flickr.

Características

• Amplia gama de imágenes de alta calidad de la comunidad de Flickr
• Unclic para acceder a la imagen en Flickr
• Enlace instantáneo a más fotos del usuario

Obtener la pestaña de Flickr

Google Art Project

No siempre es fácil inspirarse cuando se es artista. Google Art Project abre una nueva obra de arte cada vez que abres una nueva pestaña de Chrome.

Características

• Obras maestras que van desde Van Gogh a Monet pasando por artistas callejeros contemporáneos
• Las obras se actualizan a diario
• Cada imagen está conectada a más información en el sitio web del Instituto Cultural de Google

Obtén Google Art Project

Wookmark

Wookmark te permite coleccionar marcadores visuales para mantenerte inspirado y hacer correr esos jugos creativos.

Cómo funciona Wookmark

• Marca y guarda fácilmente imágenes de otros sitios web
• Carga tu producción creativa y compartirla con otros
• Utiliza los grupos para crear tableros de ideas
• Comparte y discute las imágenes con tus amigos

Obtén Wookmark

Muzli 2

Obtén inspiración eninspiración de diseño en tiempo real, incluyendo fotografías, diseños, UI/UX y más de toda la web.

Características

• Reemplaza tu página por defecto de Chrome con el diseño más fresco, UI, UX y noticias interactivas y fotos de toda la web
• Se integra con Dribbble, Designer News, Sidebar, CSS Winner, The Next Web, y más

Obtén Muzli 2

¡Y ya está!

Son 29 extensiones de Google Chrome para diseñadores que te ayudarán a crear imágenes impresionantes y a estar siempre inspirado

.