Las 17 mejores extensiones para Chrome si eres emprendedor

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.

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:

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.

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:

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.

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 Emoji Keyboard

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:

#2 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:

#3 Full page screen capture

Es otra de las extensiones que más utilizo, pues permite descargar y guardar capturas de pantalla completas con un 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:

#4 Complemento inhabilitación Google Analytics

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.

#5 AdBlock

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 Application Launcher for Drive

Application Launcher for Drive es una extensión para Chrome desarrollada por Google, que permite abrir archivos de Drive directamente desde tu navegador en aplicaciones compatibles que tengas instaladas tu equipo.

De esta forma, además de abrir y visualizar tus archivos de Drive, puedes editarlos directamente sin necesidad de tener descargado el archivo en el ordenador.

#7 Loom for Chrome

Si utilizas Loom para grabar vídeos de tu pantalla y enviárselos a tus clientes, compañeros o colaboradores, con esta extensión puedes capturar tu pantalla, voz y cara, y compartirlo desde Chrome, sin salir del navegador.

Solo tienes que instalar la extensión y vincularla con tu cuenta de Loom.

10 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:

#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:

#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:

#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

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:

#6 Lighthouse

Ahora 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:

#7 Stylebot

Stylebot es posiblemente la extensión para Chrome que más utilizo en mis tareas de diseño web. Permite seleccionar un elemento de un sitio web y realizar modificaciones de aspecto desde su editor.

Puedes cambiar la fuente, el color, los márgenes, la visibilidad y mucho más. También puedes añadir códigoCSS manualmente.

Una vez tengas listos los cambios, solo tienes que copiar el código que se ha generado y pegarlo en tu web. Una maravilla.

#8 CSS Peeper

CSS Peeper te permite extraer el CSS en cualquier sitio simplemente inspeccionando los estilos de cualquier elemento web.

Detalles como la altura de línea, la fuente o el tamaño de un botón, los colores de un fondo, etc, puedes extraerlos de manera sencilla con esta extensión para Chrome.

#9 Fonts Ninja

Font Ninja es una extensión similar a WhatFont, ya que permite identificar fuentes en cualquier sitio web, pero además marcarlas, probarlas e incluso comprarlas, lo que la hace más completa que la primera.

Simplemente tienes que poner el cursor sobre cualquier texto para obtener el nombre de la fuente y las propiedades CSS.

#10 Site Palette / Slick color picker

Por último, te quiero hablar de Slick color picker (antigua Site Palette), una extensión para extraer la paleta de colores de una página web en varios formatos: HEX, RGB, HTML.

Dispone de dos opciones: por un lado, arroja todos los colores utilizados en una web (como puedes ver en esta captura), y por otro, puedes utilizar su herramienta de selector de color para inspeccionar un elemento concreto.

Para terminar, te dejo un vídeo en el que te muestro el funcionamiento de algunas 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) 😀