Si en el último post recopilaba las herramientas que uso en mi día a día como diseñador web, hoy te traigo las mejores extensiones para Chrome.

Las mejores 45 herramientas y aplicaciones para diseño webLEER AHORA

Así, en este artículo voy a mostrar las extensiones para Chrome que uso a diario para gestionar mi negocio digital y para apoyarme en las tareas de diseño web.

Por lo tanto, las he organizado en dos grandes grupos: extensiones para Chrome que te recomiendo si eres emprendedor y extensiones para diseño web.

 

Qué son las extensiones para Chrome


Antes de mostrarte las extensiones que tengo instaladas en mi navegador y uso a diario, quiero explicar qué son exactamente.

Las extensiones para Chrome son herramientas, aplicaciones y temas que se pueden instalar en el navegador de Google para sacarle más partido y ampliar sus funcionalidades.

Existen dos tipos de extensiones diferentes:

  1. Extensiones que funcionan como un sitio web. Por ejemplo: Gmail o Google Calendar.
  2. Herramientas que funcionan como un programa de software del ordenador y ademas usan funcionalidades del navegador.

Una vez instaladas y configuradas, aparecen disponibles en la barra de herramientas de Google Chrome.

Un ejemplo:

Las 10 mejores extensiones para Chrome si eres emprendedor

 

Por qué instalar extensiones en Google Chrome


Si hablamos de por qué instalar extensiones en Chrome, estas son algunas de sus ventajas:

  • Las extensiones son muy fáciles de instalar y no se necesita reiniciar el ordenador ni el navegador.
  • Se sincronizan en los diferentes ordenadores que utilices (dos en mi caso).
  • No tienes que hacer nada para actualizarlas. Al estar alojadas online, se actualizan automáticamente.
  • No afectan a la velocidad de carga del navegador, pues son ligeras y tienen formato web.
  • Hay diferentes tipos de extensiones para Chrome: de diseño, de gestión, acortadores, etc.

 

Cómo descargar e instalar extensiones en Google Chrome


Como he comentado en el epígrafe anterior, descargar e instalar extensiones en Chrome es muy sencillo.

Google dispone de la Chrome Web Store, el sito oficial para encontrar extensiones.

Las 10 mejores extensiones para Chrome si eres emprendedor

Una vez estás en en el sitio, puedes visualizar el catálogo de extensiones que existen para Chrome.

Si quieres buscar una aplicación, puedes hacerlo directamente en el buscador que encuentras en la parte superior izquierda.

Como puedes ver, todas las extensiones aparecen organizadas en función de diferentes opciones:

  • Funciones. Sin conexión, de Google, gratis, disponible para Android y funciona con Google Drive.
  • Valoraciones entre una y cinco estrellas por parte de los usuarios.
  • Categorías. Accesibilidad, blogs, compras… hasta un total de doce categorías distintas:

Las 10 mejores extensiones para Chrome si eres emprendedor

Además, si entras en la ficha de una extensión, puedes ver toda la información que incluye: vídeos, imágenes, descripción, enlace al sitio web de su creador, opiniones, etc.

Las 10 mejores extensiones para Chrome si eres emprendedor

Si quieres añadirla a tu navegador, solo tienes que clicar en el botón “añadir a Chrome” y en unos segundos quedará instalada.

 

7 extensiones para Chrome si eres emprendedor


Ahora que ya sabes qué es una extensión para Chrome y cómo encontrarlas e instalarlas, es el momento de entrar en materia.

Como he dicho antes, he dividido el listado de aplicaciones en dos grandes grupos.

Empiezo por las extensiones para Chrome que recomiendo a todo emprendedor digital.

 

#1 Boomerang for Gmail

La primera extensión que quiero mencionar es Boomerang for Gmail, que te permite programar correos para que se envíen automáticamente.

La utilizo cuando le mando un email a algún cliente fuera del horario laboral y quiero que le llegue en otro momento, por ejemplo, al día siguiente.

Está disponible para tanto en versión escritorio como en el móvil y es compatible con otros navegadores además de Chrome.

 

#2 Emoji Keyboard

Las 10+1 mejores extensiones para Chrome si eres emprendedor

Esta es una de las extensiones que más utilizo, probablemente a diario, pues permite insertar los emojis del móvil en el navegador.

Con ella puedo publicar, por ejemplo, un post en Facebook desde el portátil incluyendo emojis.

Es una extensión gratuita y además incluye un buscador para que encuentres rápidamente el emoji que necesitas.

Un ejemplo de publicación en la que he utilizado Emoji Keyboard:

🎨 Para diseñar una página web se necesitan una serie de recursos de diferente tipo: diseño gráfico, colores,…

Posted by Max Camuñas on Tuesday, June 12, 2018

 

#3 Bitly

Su nombre completo es Bitly – Unleash the power of the link y es la extensión oficial para Chrome del conocido acortador de URLs bit.ly

La aplicación te permite acorte, medir y optimizar tus enlaces, y además se integra perfectamente con tu cuenta de Bitly.

Un ejemplo de su funcionamiento:

Las 10+1 mejores extensiones para Chrome si eres emprendedor

 

#4 Full page screen capture

Las 10+1 mejores extensiones para Chrome si eres emprendedor

Es otra de las extensiones que más utilizado, pues permite descargar y guardar capturas de pantalla completas con tu solo clic.

Me resulta especialmente útil cuando termino de diseñar una página web y quiero mostrar su resultado en mis redes sociales.

Aquí un ejemplo:

 

#5 Instachrome

Instachrome es una de las mejores herramientas que he probado para gestionar una cuenta de Instagram desde el ordenador (y he probado muchas).

Esta extensión lleva tu cuenta de Instagram a tu navegador y te permite subir imágenes y vídeos, revisar tus notificaciones, modificar tu perfil, visualizar historias de las personas a las que sigues, buscar nuevos contactos, etc.

Las 10+1 mejores extensiones para Chrome si eres emprendedor

 

#6 Complemento inhabilitación Google Analytics

Las 10+1 mejores extensiones para Chrome si eres emprendedor

Se trata de una app muy útil si administras uno o varios sitios web, pues evita que Google Analytics cuente tus propias visitas.

Es una herramienta desarrollada por el propio Google y es compatible con varios navegadores más además de Chrome.

 

#7 AdBlock

Las 10+1 mejores extensiones para Chrome si eres emprendedor

La última herramienta que voy a mencionar en este apartado seguro que la conoces (tiene más de 200 millones de descargas).

Se trata de AdBlock, una extensión que cuyo objetivo es bloquear los anuncios que aparecen en nuestro navegador cuando navegamos por internet (sí, todos los odiamos).

 

6 extensiones de Chrome para diseño web


Si como emprendedor realizas tareas relacionadas con el diseño web o directamente eres diseñador, tengo unas cuantas extensiones para Chrome que te van a agilizar todas esas tareas.

(Si eres diseñador seguro que ya las conoces y, si usas alguna más, espero que me lo cuentes en los comentarios 😛).

 

#1 WhatFont

Esta extensión es una de mis favoritas para las tareas de diseño web. Su finalidad es identificar de forma muy sencilla las fuentes de cualquier página web.

Con un simple clic, colando el cursor en cualquier texto, permite inspeccionar las fuentes y arroja información realmente interesante:

  • El nombre de la fuente.
  • La familia tipográfica a la que pertenece.
  • El estilo y grueso de letra.
  • Su tamaño, interlineado y color.

Un ejemplo:

Las 10+1 mejores extensiones para Chrome si eres emprendedor

 

#2 Eye Dropper

Eye Dropper es también una de las extensiones que más uso a diario. Con su herramienta cuentagotas te permite seleccionar los colores usados en un sitio web.

Además, guarda tu historial de colores para que siempre los tengas a mano y te sea fácil encontrarlos.

Es muy fácil de usar. Solo tienes que pasar el ratón por un elemento web y la app determina su color.

Aquí puedes ver un ejemplo:

Las mejores extensiones para Chrome si eres emprendedor

 

#3 Page Ruler

Otra de mis extensiones para Chrome favoritas y que más utilizo. Su objetivo es obtener las dimensiones en píxeles de cualquier elemento web.

Para ello, permite medir objetos en cualquier web con su regla de píxeles.

De este modo, puedes dibujar una regla en un sitio web y visualizar el ancho, la altura y la posición superior, inferior, izquierda y derecha de cualquier elemento.

Aquí puedes ver un ejemplo de cómo funciona:

Las 10+1 mejores extensiones para Chrome si eres emprendedor

 

#4 Web Developer

Esta extensión agrega a tu navegador varias herramientas relacionadas con el desarrollo web.

Entre sus funcionalidades destacadas permite inspeccionar la siguiente información de cualquier sitio web:

  • Cookies
  • CSS
  • Formularios
  • Imágenes
  • Información general
  • Dimensiones
  • Vista desde pantallas con diferentes tamaños
  • Herramientas de lenguaje HTML y CSS
  • Etc

Las 10+1 mejores extensiones para Chrome si eres emprendedor

Una de las opciones que más utilizo es View Document Outline (dentro de Information), que me permite ver la estructura de títulos de cualquier web y comprobar que todo está correcto en cuanto a estructura de títulos SEO cuando termino una página.

Como ejemplo, aquí puedes ver el esquema de títulos de mi página de inicio.

 

#5 Visual inspector

Muy similar a la anterior, esta app permite inspeccionar cualquier elemento de un sitio web, aunque se centra más en la parte visual y creativa (colores, tipografías, tamaños, márgenes…)

Su nombre completo es Visual Inspector by CanvasFlip y está pensada como herramienta colaborativa entre diferentes personas.

Algunas de las funcionalidades que más utilizo:

  • Ver las dimensiones, anchuras, alturas, separaciones y márgenes de cualquier elemento web.
  • Extraer la paleta de colores de un sitio web.
  • Conocer toda la información tipográfica de una web: fuentes, tamaños, estilos, etc.
  • Agrupar todas las imágenes utilizadas en una página.

Un par de ejemplos de su uso:

Las 12 mejores extensiones para Chrome si eres emprendedor

inspeccionar elementos web

extraer los colores de una página

 

#6 Lighthouse

Por último, te quiero hablar de Lighthouse, una extensión más enfocada a SEO, pero que, si realizas tareas de diseño web, te va venir muy bien.

Su objetivo principal es auditar una web y para ello genera un informe personalizado que incluye información como:

  • Métricas SEO
  • Velocidad de carga
  • Accesibilidad
  • Estructura y arquitectura  web

Un ejemplo de la información que arroja esta app:

Las 12 mejores extensiones para Chrome si eres emprendedor

reporte de la web cocacola.es

Para terminar, te dejo un vídeo en el que te muestro el funcionamiento de cada una de ellas:

 

Espero que todas estas extensiones para Chrome te sean de gran utilidad si eres emprendedor (y también si eres diseñador web) 😀

Portada: shutterstock

Share This