Las mejores extensiones de Chrome para diseñadores

Extensiones Chrome

Como diseñador gráfico es normal que estés pendiente de las tendencias, de otros diseñadores, ilustradores, creativos… Y por tanto, usarás Internet. Pero, ¿sabes que hay extensiones en Chrome que pueden ayudarte, y mucho, en tu trabajo?

Hemos elaborado una selección de las mejores extensiones de Chrome para que les eches un vistazo. Quizás algunas las conozcas, y otras es posible que sean novedosas para ti. Lo importante es que veas que estas te pueden ayudar mucho en tu trabajo. ¿Vamos con ellas?

Instant Wireframe

Empezamos con una extensión de Chrome ideal para aquellos que hagan páginas webs. Y es que, con esta, lo que vas a poder ver es el esqueleto de una web, es decir, sus wireframes. De esta manera, te haces una idea de cómo está construida.

Aunque ahora mismo no le veas mucho sentido, a la hora de elaborar una página web para un cliente necesitas conocer cómo lo hace su competencia y esto puede ayudarte a ver dónde deberías colocar los elementos para una mejora del resultado visual.

Si además tienes conocimientos de la temperatura de visión en los usuarios (es decir, las partes que más ven los usuarios en las webs) podrás obtener un resultado muy efectivo.

WhatFont

Laptop con explorador abierto

Otra de las extensiones de Chrome que deberías tener instaladas (recuerda que esas son gratuitas) es esta. Sirve para descubrir cuál es la tipografía que se ha utilizado en una página web, aunque también te sirve, dentro de la web de WhatFont, para saber cuál es la tipografía de carteles, imágenes, etc.

En el caso de la extensión, lo único que debes hacer es seleccionar la fuente y buscará cuál es, o al menos te mostrará algunas muy similares.

Es muy útil para cuando quieres una fuente que te ha gustado pero no puedes estar horas y horas buscándola a ciegas.

Perfect Pixel

Cuando realizas un boceto para el cliente, relacionado con una página web, sabes que a veces no siempre va a quedar igual. Pero, si eres muy perfeccionista, es posible que hagas todo lo posible porque así sea.

Pues bien, esta extensión te ayuda a comparar el diseño que hiciste y el resultado que saldrá en tu ordenador. De esta forma podrás saber si todo encaja correctamente o hay algo que no está bien. Así podrás retocar esa parte para que quede exactamente igual que como lo habías pensado e ideado en un primer momento.

Designer Tools

Esta es otra de las extensiones de Chrome que deberías probar. Además, te da muchas herramientas en una: un identificador de la tipografía que se usa en los textos, la posibilidad de revisar los colores que se han agregado en las páginas o incluso los límites.

Podríamos decir que es un todo en uno, porque engloba muchas de las extensiones de las que te hemos hablado (y de las que te vamos a hablar a continuación).

Stylebot

¿Quieres hacer cambios en el diseño de una web para mostrárselos al cliente? ¿Y sin tocar nada de la web? Pues es posible con esta extensión. Para ello, lo que vas a tocar son las propiedades CSS y lo que hará será, en base a lo que pongas, cambiar la web para previsualizarla de la forma que tú quieres que se vea.

Y ahora dirás, ¿y para qué?

Pues tiene varios usos:

  • Por un lado, puedes mostrarle a potenciales clientes lo que harías con su web para mejorarla (y créenos si te decimos que eso es mejor que cualquier currículum).
  • Por otro lado, porque puedes mostrarle en vivo, en una reunión, lo que podrías hacer para que la web cambiara sin necesidad de tocar demasiado. O sí.

Page Ruler

Chrome

Esta es de las extensiones de Chrome menos conocidas, pero lo cierto es que puedes darle muchos usos. Primero, te diremos que sirve para medir los elementos de una web, no solo a nivel de píxeles, sino también de la distancia que hay con otros elementos.

Por ejemplo, imagina que has puesto tres cuadros horizontales. Y quieres que los tres estén a la misma distancia. Pues esta herramienta te ayuda a cuadrarlos.

Aunque consideres que no es muy útil, si eres perfeccionista y quieres que quede bien, seguro que haces uso de esta.

Full Page Screen Capture

Esta es de las más conocidas que hay, y es que te permite hacer una captura de la página web, pero no solo de la parte visible en el navegador, sino de toda la web. Es ideal, por ejemplo, para cuando quieres presentarle el proyecto al cliente y no tienes que ir captura a captura, sino una más general del resultado final. Lo mismo te puede servir para las que veas en Internet y quieras tener como referente, bien porque te ha gustado el diseño, colores, etc.

Color Contrast Analyzer

Esta extensión nos ha gustado mucho porque te puede ayudar a enfocarte en un determinado público. La herramienta sirve para garantizar la legibilidad de un texto, así como los contrastes visuales que haya en general.

Dicho de otro modo, te dirá si el texto y los colores que has escogido quedan bien y es legible todo.

Ahora bien, por lo que nos ha gustado es porque puedes ver el resultado según varias variables. Por ejemplo, ¿y si la web está enfocada a personas mayores con cataratas? Pues la verás así y sabrás si es correcta o no. ¿Y si el público son personas con daltonismo? Pues igual.

De esta forma mejorarás el resultado final porque te enfocarás en esos grupos.

Lorem Ipsum Generator

Pieza de puzzle símbolo de extensión

Como sabes, cuando creas una página web esta necesita tener algo de texto para saber cómo va a quedar. Para ello se usa el Lorem Ipsum, un texto que actualmente tiene muchas variables.

Pues bien, con Lorem Ipsum Generator vas a poder crear el texto según número de palabras, frases, letras… y así solo tendrás que copiar y pegar.

ColorZilla

¿Te acuerdas de la extensión de WhatFont? Con ella identificabas una tipografía. Pues bien, con esta lo que harás es identificar el color que hayan utilizado. De esta forma te dará el código para que puedas usarlo en tus programas de edición de imagen y saques el mismo tono de color que te ha gustado.

Como ves, hay muchas extensiones de Chrome que, si trabajas en diseño, te conviene tener habilitadas. De hecho, hay más, pero lo mejor es que pruebes con estas y vayas viendo cuáles son las que mejor se adaptan a tu trabajo. ¿Nos recomiendas alguna más?


El contenido del artículo se adhiere a nuestros principios de ética editorial. Para notificar un error pincha aquí.

Sé el primero en comentar

Deja tu comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.