7 extensiones de Chrome para diseñadores web

Si es diseñador web, ¿qué software necesita en su computadora? Probablemente sea Photoshop o Illustrator. Pero son solo elementos esenciales en el proceso de diseño. También hay herramientas más pequeñas que no sabe que necesitará. Estas son extensiones de Chrome (no se requiere descarga, solo la instalación está completa). Las extensiones de Chrome dedicadas a este diseño web te facilitarán la vida.

1. Dropbox para Gmail

Dropbox comenzó como un servicio de alojamiento de archivos, pero pronto descubrió que su público principal son los diseñadores. Usan este servicio para compartir su trabajo con colegas. Dado que los archivos de diseño suelen ser demasiado grandes para adjuntarlos a los correos electrónicos, es más fácil enviar a los destinatarios un enlace de Dropbox al archivo.

Dropbox para Gmail hace que este proceso sea más conveniente. Al vincular a su archivo con Dropbox en la parte inferior de la ventana del nuevo correo electrónico, el destinatario verá lo que ha enviado. El enlace al archivo de imagen cargará la imagen directamente en el correo electrónico y el enlace a otros tipos de archivos creará una vista previa útil.

Instala Dropbox para Gmail.

2. FontFace Ninja

Con miles de fuentes disponibles, sus recursos tipográficos (el arte de colocar y combinar palabras en el diseño y la impresión) serán infinitos. ¿Qué pasa si ves una hermosa fuente en algún lugar y quieres ‘conseguirla’ para hacer tu propio trabajo?

FontFace Ninja, una extensión de Chrome, lo ayudará a hacer eso. Al igual que las herramientas de búsqueda de fuentes basadas en imágenes, FontFace Ninja ayuda a identificar las fuentes que los usuarios ven en línea. La única diferencia es que FontFace Ninja lee fuentes codificadas en el CSS de la página, como el estilo del título y el texto del contenido.

Cuando inicie FontFace Ninja, se mostrará información sobre la fuente, no solo la fuente. Para marcar esta fuente, los usuarios necesitarán una cuenta en Fontfacedojo.com Servicio

Instale FontFace Ninja.

3. Cuentagotas ColorPick

No importa qué tan sensibles sean sus ojos al color, es difícil reproducir un color específico que vio en algún lugar en línea, a menos que se conozcan sus valores RGB o HTML. Afortunadamente, el cuentagotas ColorPick está listo para ayudarlo.

El cuentagotas ColorPick mostrará los valores de cualquier color que desee. Esta herramienta siempre está disponible en el navegador y no necesita cargar nada. Simplemente haga clic en el icono y mueva el objetivo a la posición correcta.

Esta extensión leerá colores de texto, imágenes y casi todo lo que puede ver en la web (incluso anuncios). Después de seleccionar un color, el cuentagotas ColorPick mostrará los valores HTML, RGB y HSL para ese color.

Instale el gotero ColorPick.

4. Dimensiones

Esta extensión de código abierto es una gran herramienta de ayuda para los diseñadores web. Cuando el cliente le ofrece un sitio web sin ningún archivo o documento anterior, le pide que cree una página similar a esta, pero con otro contenido de texto e imagen, encontrar el diseño es una tarea “difícil”.

Dimensions permite a los diseñadores medir fácilmente la altura y el ancho de cualquier elemento en la página, lo que facilita la reconstrucción de páginas existentes y la revisión de diseños.

Instale las dimensiones.

5. Inspector visual

Visual Inspector es una poderosa herramienta de colaboración y comentarios para equipos de diseño, que combina los puntos fuertes de las tres extensiones anteriores y agrega más funciones.

En el Inspeccionar lengüeta , los usuarios pueden seleccionar cualquier elemento de la página y obtener información completa sobre él, desde el tamaño hasta el nombre del archivo. Colores guías y Tipografía Permitir la visualización de paletas y todas las fuentes de un vistazo, y Activo La guía reúne todas las imágenes de la página en un solo lugar.

Colaborar La guía es donde los usuarios pueden dar retroalimentación y discutir con su grupo. También es fácil revisar los comentarios haciendo clic en cualquier elemento de la página.

Como la mayoría de las herramientas avanzadas, Visual Inspector no es gratuito. Pagará desde $ 9 (VND 207,000 / usuario / mes para agregar comentarios y sincronizar cambios. Sin embargo, las funciones básicas como verificación de color, fuentes e imágenes se pueden usar sin cargo).

Instale el inspector visual.

6. Captura de pantalla fácil

Una extensión de captura de pantalla parece redundante, porque la captura de pantalla es fácil. Pero la utilidad Easy Screen Capture tiene algunos puntos especiales que vale la pena considerar.

Lo más importante es que le permite capturar toda la página web, no solo el área visible en la pantalla. Esto es útil cuando necesita informar algunos problemas en una página larga y los usuarios tienen que capturar muchas imágenes para cubrir todo el contenido que desea transmitir.

Otro consejo es poder copiar capturas de pantalla al portapapeles y pegarlas en un chat o correo electrónico, en lugar de almacenar archivos de imágenes inútiles en su computadora.

Instale Easy Screen Capture.

7. Muzli 2

Muzli 2 de InVision actúa como el periódico matutino, combinando artículos seleccionados sobre arte, diseño, experiencia del usuario y tecnología.

Muzli reemplaza la pestaña estándar de Chrome y permite a los usuarios personalizar lo que ven. Dependiendo de las preferencias del usuario, ¡Muzli elegirá las fuentes adecuadas!

Muzli también tiene una versión Lite. Esta versión no sobrescribe la pestaña estándar y puede acceder al feed cuando lo desee, simplemente haciendo clic en el icono de extensión.

Instale Muzli 2.

A continuación se muestran las extensiones de Chrome adecuadas para diseñadores web que OctavoDia.mx recomendaría a los lectores.

¡Deseo que tengas herramientas útiles!