Los diseñadores dedican mucho tiempo a tareas repetitivas: elegir paletas de colores, inspeccionar fuentes, comprobar la capacidad de respuesta y buscar inspiración. Muchos de estos pasos pueden automatizarse o acelerarse considerablemente con los complementos adecuados para el navegador.
En este artículo se presentan 34 herramientas prácticas compatibles con Google Chrome. Agilizarán tu flujo de trabajo, reducirán las tareas rutinarias y te permitirán acceder rápidamente a todo lo que necesites.
En este artículo se presentan 34 herramientas prácticas compatibles con Google Chrome. Agilizarán tu flujo de trabajo, reducirán las tareas rutinarias y te permitirán acceder rápidamente a todo lo que necesites.
Contenido:
- Qué son las extensiones del navegador y cómo instalarlas
- Herramientas de color
- Herramientas tipográficas
- Imágenes, vídeo y audio
- Análisis y edición de páginas
- Capturas y grabaciones de pantalla
- Prototipos y pruebas
- Inspiración visual
- Optimización del flujo de trabajo
- Hoja de trucos de plugins útiles
Qué son las extensiones del navegador y cómo instalarlas
Las extensiones de navegador (también llamadas plugins) son pequeñas herramientas que añaden nuevas funciones a tu navegador y te ayudan a realizar tareas específicas sin tener que recurrir a servicios de terceros. Puedes encontrar estas extensiones en las tiendas oficiales de cada navegador:
-
Cromo -
Mozilla Firefox -
Ópera -
Microsoft Edge
Todos los plugins que aparecen en este artículo son compatibles con Google Chrome.
Opera y Firefox tienen versiones separadas de las extensiones, que se pueden encontrar buscando sus títulos en las respectivas tiendas. La mayoría de las herramientas de esta lista son gratuitas, aunque algunas ofrecen funciones avanzadas de pago.
Opera y Firefox tienen versiones separadas de las extensiones, que se pueden encontrar buscando sus títulos en las respectivas tiendas. La mayoría de las herramientas de esta lista son gratuitas, aunque algunas ofrecen funciones avanzadas de pago.
Cómo instalar una extensión del navegador:
1
Abra la tienda de extensiones de su navegador.
2
Busca la extensión por su nombre.
3
Abra la página de la extensión y haga clic en el botón "Instalar".
4
Confirme la instalación siguiendo las instrucciones del navegador.
5
Una vez instalada, el icono de la extensión aparecerá en la barra de herramientas de la parte superior o en el menú del navegador. A continuación, el navegador mostrará dónde se encuentra el icono.
6
Si la extensión requiere que inicie sesión o que configure parámetros adicionales, haga clic en el icono para abrir sus opciones.
Herramientas de color
ColorZilla - elige colores de cualquier página
ColorZilla permite identificar cualquier color de una página y analizar la paleta completa. Puede generar degradados CSS, sugerir combinaciones de colores armoniosas (complementarias, triádicas, análogas, etc.) y mantener un historial de los colores elegidos recientemente. Funciona como una herramienta de cuentagotas en los editores gráficos, proporcionando códigos de color en formatos HEX, RGB o HSL.
Es perfecto para identificar el color de un logotipo en un sitio web, crear una paleta o construir un degradado que coincida con el esquema de color del sitio web.
ColorZilla permite identificar cualquier color de una página y analizar la paleta completa. Puede generar degradados CSS, sugerir combinaciones de colores armoniosas (complementarias, triádicas, análogas, etc.) y mantener un historial de los colores elegidos recientemente. Funciona como una herramienta de cuentagotas en los editores gráficos, proporcionando códigos de color en formatos HEX, RGB o HSL.
Es perfecto para identificar el color de un logotipo en un sitio web, crear una paleta o construir un degradado que coincida con el esquema de color del sitio web.
Site Palette- genera una paleta de colores
Site Palette analiza los colores de una página web y crea paletas listas para usar. Puedes exportar las paletas en formato Google Palette o Adobe Swatch.
Es una herramienta estupenda para inspirarse o trabajar con referencias; por ejemplo, si estás rediseñando una página web y quieres mantener su equilibrio cromático original, la extensión resaltará los tonos clave.
Site Palette analiza los colores de una página web y crea paletas listas para usar. Puedes exportar las paletas en formato Google Palette o Adobe Swatch.
Es una herramienta estupenda para inspirarse o trabajar con referencias; por ejemplo, si estás rediseñando una página web y quieres mantener su equilibrio cromático original, la extensión resaltará los tonos clave.
Herramientas tipográficas
WhatFont - identificar fuentes en la página
WhatFont detecta las fuentes utilizadas en cualquier parte de un sitio web. El complemento muestra el nombre, el tamaño, el color y la familia de la fuente. Funciona más rápido que las herramientas integradas para desarrolladores.
Utilícelo cuando necesite identificar rápidamente fuentes en un sitio web, sin necesidad de abrir las herramientas para desarrolladores.
WhatFont detecta las fuentes utilizadas en cualquier parte de un sitio web. El complemento muestra el nombre, el tamaño, el color y la familia de la fuente. Funciona más rápido que las herramientas integradas para desarrolladores.
Utilícelo cuando necesite identificar rápidamente fuentes en un sitio web, sin necesidad de abrir las herramientas para desarrolladores.
Sólo tiene que activar la extensión y pasar el ratón por encima de cualquier bloque de texto: la información sobre la fuente aparecerá en una pequeña ventana emergente.
Font Ninja - pruebe fuentes en su navegador
Font Ninja reconoce fuentes y le permite "probarlas" directamente en el navegador. Puedes introducir tu propio texto para ver cómo queda en fuentes diferentes. La extensión funciona tanto con Google Fonts como con fuentes comerciales, y muestra los precios de inmediato.
Es útil si quieres probar una fuente inusual antes de comprarla para un proyecto de diseño.
Font Ninja reconoce fuentes y le permite "probarlas" directamente en el navegador. Puedes introducir tu propio texto para ver cómo queda en fuentes diferentes. La extensión funciona tanto con Google Fonts como con fuentes comerciales, y muestra los precios de inmediato.
Es útil si quieres probar una fuente inusual antes de comprarla para un proyecto de diseño.
Cómo elegir fuentes para un sitio web o un artículo
Google Font Previewer - prueba fuentes sin editar CSS
Google Font Previewer te permite probar diferentes fuentes sin cambiar tu código CSS. Sustituye temporalmente la tipografía de los elementos seleccionados o de toda la página, para que puedas previsualizar el aspecto de una fuente en su contexto.
Utilízalo cuando un cliente te pida que "juegues con las fuentes": puedes mostrar una muestra visual sin tocar el código. La extensión también permite guardar una colección de fuentes de uso frecuente para acceder a ellas rápidamente.
Google Font Previewer te permite probar diferentes fuentes sin cambiar tu código CSS. Sustituye temporalmente la tipografía de los elementos seleccionados o de toda la página, para que puedas previsualizar el aspecto de una fuente en su contexto.
Utilízalo cuando un cliente te pida que "juegues con las fuentes": puedes mostrar una muestra visual sin tocar el código. La extensión también permite guardar una colección de fuentes de uso frecuente para acceder a ellas rápidamente.
Imágenes, vídeo y audio
Image Downloader - guarda imágenes de cualquier página
Esta herramienta te permite descargar imágenes de cualquier sitio web. Escanea la página y recopila todas las imágenes en una sola ventana, para que puedas descargarlas todas a la vez o elegir sólo las que necesites.
Por ejemplo, si has creado un tablón de ideas en Pinterest, puedes descargar todas las imágenes del tablón con un solo clic.
Esta herramienta te permite descargar imágenes de cualquier sitio web. Escanea la página y recopila todas las imágenes en una sola ventana, para que puedas descargarlas todas a la vez o elegir sólo las que necesites.
Por ejemplo, si has creado un tablón de ideas en Pinterest, puedes descargar todas las imágenes del tablón con un solo clic.
Al activarlo, se abrirá una ventana independiente que mostrará todas las imágenes de la página actual. Nota: Las fotos de pago se descargarán con marcas de agua.
SVG Grabber - extraiga archivos SVG de una página web
SVG Grabber le permite ver, copiar y descargar todos los archivos SVG de cualquier página web. Una vez activado, muestra todas las imágenes vectoriales de la página con un botón "Descargar" debajo de cada una.
Perfecto para extraer el logotipo de una empresa en formato SVG cuando no tiene tiempo de solicitar los archivos.
SVG Grabber le permite ver, copiar y descargar todos los archivos SVG de cualquier página web. Una vez activado, muestra todas las imágenes vectoriales de la página con un botón "Descargar" debajo de cada una.
Perfecto para extraer el logotipo de una empresa en formato SVG cuando no tiene tiempo de solicitar los archivos.
Cómo encontrar imágenes atractivas en Photo Stocks
Icons8 - añade ilustraciones a Google Docs
Este complemento te permite insertar iconos e imágenes de la amplia biblioteca de Icons8 directamente en Google Docs, Slides y Sheets, sin necesidad de descargar o cargar archivos manualmente.
Ideal para moodboards o presentaciones a clientes: puedes buscar e insertar ilustraciones rápidamente sin cambiar de pestaña.
Este complemento te permite insertar iconos e imágenes de la amplia biblioteca de Icons8 directamente en Google Docs, Slides y Sheets, sin necesidad de descargar o cargar archivos manualmente.
Ideal para moodboards o presentaciones a clientes: puedes buscar e insertar ilustraciones rápidamente sin cambiar de pestaña.
Video DownloadHelper - guarda vídeos de cualquier página web
Descarga contenidos de vídeo y audio directamente de páginas web. El plugin también puede convertir archivos a formatos como MP4, MKV o WebM.
Es útil cuando necesitas subir un vídeo pero el cliente solo tiene una versión alojada en una plataforma de vídeo, no el archivo original.
Descarga contenidos de vídeo y audio directamente de páginas web. El plugin también puede convertir archivos a formatos como MP4, MKV o WebM.
Es útil cuando necesitas subir un vídeo pero el cliente solo tiene una versión alojada en una plataforma de vídeo, no el archivo original.
Herramientas de análisis y edición de páginas
Regla de página - mida los elementos de la página
Mida cualquier elemento de una página, incluidos los márgenes y el espacio entre bloques. Admite múltiples unidades: Píxeles, porcentajes, milímetros, etc.
Puedes utilizarla para verificar que un diseño se ajusta a las especificaciones técnicas o para analizar las proporciones en referencias visuales.
Mida cualquier elemento de una página, incluidos los márgenes y el espacio entre bloques. Admite múltiples unidades: Píxeles, porcentajes, milímetros, etc.
Puedes utilizarla para verificar que un diseño se ajusta a las especificaciones técnicas o para analizar las proporciones en referencias visuales.
CSS Peeper - ver estilos CSS
Ver los estilos de cualquier elemento de una página: Colores, fuentes, espaciado y tamaños. La herramienta también te permite explorar ilustraciones, documentos, archivos de maquetación y vídeos.
Esto facilita el estudio del trabajo de otro diseñador o la revisión de tu propia maquetación.
Ver los estilos de cualquier elemento de una página: Colores, fuentes, espaciado y tamaños. La herramienta también te permite explorar ilustraciones, documentos, archivos de maquetación y vídeos.
Esto facilita el estudio del trabajo de otro diseñador o la revisión de tu propia maquetación.
Interfaz de usuario del inspector visual: edite elementos de páginas web
Modifique estilos y texto en la página al instante: ajuste el espaciado, los colores, la tipografía y mucho más, todo ello sin editar código.
Esto lo hace perfecto para previsualizaciones rápidas; por ejemplo, si un cliente quiere que se cambie el color de un botón, puede mostrar la actualización al instante antes de realizar ningún cambio en el código.
Modifique estilos y texto en la página al instante: ajuste el espaciado, los colores, la tipografía y mucho más, todo ello sin editar código.
Esto lo hace perfecto para previsualizaciones rápidas; por ejemplo, si un cliente quiere que se cambie el color de un botón, puede mostrar la actualización al instante antes de realizar ningún cambio en el código.
Si eres nuevo en las soluciones sin código, utiliza este código promocional exclusivo para obtener un mes del plan personal de Tilda en lugar de la prueba estándar de dos semanas.
Consulte las instrucciones para activarlo
Wappalyzer - identifique las tecnologías de los sitios web
Descubra y analice las tecnologías que hay detrás de los sitios web: Lenguajes de programación, frameworks, CMSs, CRMs, herramientas de análisis y mucho más.
Esto es útil para estudios de mercado, análisis de la competencia, auditorías SEO y mejorar la seguridad de los sitios web.
Descubra y analice las tecnologías que hay detrás de los sitios web: Lenguajes de programación, frameworks, CMSs, CRMs, herramientas de análisis y mucho más.
Esto es útil para estudios de mercado, análisis de la competencia, auditorías SEO y mejorar la seguridad de los sitios web.
El plugin muestra los resultados en una ventana emergente y permite exportar los datos.
Broken Link Checker - encuentra enlaces muertos
Realiza escaneos profundos en sitios web para detectar enlaces rotos, imágenes que faltan y errores de redirección. También puede analizar entradas, páginas, comentarios y campos personalizados. Los enlaces rotos pueden tener un estilo diferente. También se pueden excluir de la indexación de los motores de búsqueda para proteger su clasificación. Tilda también ofrece una herramienta web independiente para escanear páginas individuales o sitios web enteros en busca de enlaces rotos en tan sólo unos clics.
Realiza escaneos profundos en sitios web para detectar enlaces rotos, imágenes que faltan y errores de redirección. También puede analizar entradas, páginas, comentarios y campos personalizados. Los enlaces rotos pueden tener un estilo diferente. También se pueden excluir de la indexación de los motores de búsqueda para proteger su clasificación. Tilda también ofrece una herramienta web independiente para escanear páginas individuales o sitios web enteros en busca de enlaces rotos en tan sólo unos clics.
Lighthouse - audite el rendimiento del sitio web
Realice una auditoría completa del rendimiento de su sitio web, SEO, usabilidad y cumplimiento de las mejores prácticas de PWA.
Genera un informe y sugiere formas de solucionar problemas como imágenes demasiado grandes o falta de metaetiquetas.
Perfecto para realizar una autoauditoría rápida antes de publicar.
Realice una auditoría completa del rendimiento de su sitio web, SEO, usabilidad y cumplimiento de las mejores prácticas de PWA.
Genera un informe y sugiere formas de solucionar problemas como imágenes demasiado grandes o falta de metaetiquetas.
Perfecto para realizar una autoauditoría rápida antes de publicar.
Capturas y herramientas de grabación de pantalla
GoFullPage - captura pantallas completas
Captura pantallas de páginas enteras o de áreas seleccionadas y expórtalas como archivos PNG, JPEG o PDF en varios tamaños de papel.
Captura pantallas de páginas enteras o de áreas seleccionadas y expórtalas como archivos PNG, JPEG o PDF en varios tamaños de papel.
Loom - grabar instrucciones de vídeo
Graba tu pantalla y añade voces en off. Ideal para explicar decisiones de diseño a clientes, compartir comentarios con compañeros de equipo de o crear breves tutoriales en vídeo. Puedes elegir grabar la pantalla completa o sólo una pestaña del navegador.
Graba tu pantalla y añade voces en off. Ideal para explicar decisiones de diseño a clientes, compartir comentarios con compañeros de equipo de o crear breves tutoriales en vídeo. Puedes elegir grabar la pantalla completa o sólo una pestaña del navegador.
Herramientas de creación de prototipos y pruebas
Window Resizer - prueba diseños en diferentes resoluciones
Previsualiza cómo se ve tu diseño en diferentes tamaños de pantalla. Incluye preajustes para los dispositivos más populares: Teléfonos, tabletas, portátiles y ordenadores de sobremesa. También puede crear tamaños personalizados para necesidades específicas.
Previsualiza cómo se ve tu diseño en diferentes tamaños de pantalla. Incluye preajustes para los dispositivos más populares: Teléfonos, tabletas, portátiles y ordenadores de sobremesa. También puede crear tamaños personalizados para necesidades específicas.
Píxel perfecto - compare el diseño con la maquetación final
Superponga una imagen semitransparente de su diseño original sobre el sitio web para comprobar la alineación de píxeles perfecta. También funciona para comparar gráficos vectoriales como logotipos o iconos en distintos dispositivos.
Superponga una imagen semitransparente de su diseño original sobre el sitio web para comprobar la alineación de píxeles perfecta. También funciona para comparar gráficos vectoriales como logotipos o iconos en distintos dispositivos.
El plugin incluye un conjunto de tamaños de dispositivo populares, lo que le permite cambiar entre ellos y probar la capacidad de respuesta fácilmente.
Google Tag Assistant - comprueba las etiquetas GTM
Utilízalo para detectar, verificar y solucionar problemas de diversas integraciones de Google Tag Manager. Puede ayudarte a asegurarte de que las herramientas de análisis y los scripts de terceros están configurados correctamente. El complemento escanea el código, resalta los problemas y sugiere correcciones.
Útil durante una auditoría técnica, especialmente para comprobar el seguimiento de datos.
Utilízalo para detectar, verificar y solucionar problemas de diversas integraciones de Google Tag Manager. Puede ayudarte a asegurarte de que las herramientas de análisis y los scripts de terceros están configurados correctamente. El complemento escanea el código, resalta los problemas y sugiere correcciones.
Útil durante una auditoría técnica, especialmente para comprobar el seguimiento de datos.
Inspiración visual
Muzli - encuentra referencias
Esta extensión te trae ideas frescas de plataformas como Dribbble, Behance y Awwwards. Personaliza tu feed para centrarte en categorías específicas como comercio electrónico, páginas de aterrizaje, tipografía, etc. Por ejemplo, si estás trabajando en una tienda online, sólo tienes que abrir la extensión, establecer los filtros adecuados y explorar diseños de sitios web similares.
Esta extensión te trae ideas frescas de plataformas como Dribbble, Behance y Awwwards. Personaliza tu feed para centrarte en categorías específicas como comercio electrónico, páginas de aterrizaje, tipografía, etc. Por ejemplo, si estás trabajando en una tienda online, sólo tienes que abrir la extensión, establecer los filtros adecuados y explorar diseños de sitios web similares.
El plugin facilita el cambio a Muzli en cualquier momento: explora rápidamente las tendencias visuales o busca referencias por palabras clave o tema.
Evernote Web Clipper - guarda ideas
Recorta ideas y elementos visuales de la web en un cuaderno digital. Guarda tus colores, animaciones, transiciones, iconos, fuentes y artículos favoritos. Etiquétalo todo para acceder a él más tarde.
Recorta ideas y elementos visuales de la web en un cuaderno digital. Guarda tus colores, animaciones, transiciones, iconos, fuentes y artículos favoritos. Etiquétalo todo para acceder a él más tarde.
Guardar en Pinterest - crear moodboards
Guarda cualquier idea de la web en Pinterest. Crea tableros con referencias, mood boards o colecciones de imágenes para inspirarte. Incluye búsqueda visual para encontrar imágenes similares. Perfecto para cuando un cliente de comparte sus propias referencias: puedes encontrar ideas similares al instante.
Guarda cualquier idea de la web en Pinterest. Crea tableros con referencias, mood boards o colecciones de imágenes para inspirarte. Incluye búsqueda visual para encontrar imágenes similares. Perfecto para cuando un cliente de comparte sus propias referencias: puedes encontrar ideas similares al instante.
Instapaper - lee artículos sin conexión
Guarda artículos y resúmenes de diseño para leerlos más tarde. Organiza el contenido en carpetas y accede a él desde cualquier dispositivo, incluso sin acceso a Internet, como en un avión.
Guarda artículos y resúmenes de diseño para leerlos más tarde. Organiza el contenido en carpetas y accede a él desde cualquier dispositivo, incluso sin acceso a Internet, como en un avión.
Herramientas de optimización del flujo de trabajo
Gestión del tiempo
Bardeen - automatización del flujo de trabajo
Cree automatizaciones personalizadas para tareas rutinarias. Por ejemplo, cuando un cliente envía comentarios por correo electrónico, Bardeen puede crear una tarjeta de Trello con una lista de tareas pendientes y enviar un mensaje de confirmación. Funciona con herramientas como Google Sheets, Zoom y Trello.
Cree automatizaciones personalizadas para tareas rutinarias. Por ejemplo, cuando un cliente envía comentarios por correo electrónico, Bardeen puede crear una tarjeta de Trello con una lista de tareas pendientes y enviar un mensaje de confirmación. Funciona con herramientas como Google Sheets, Zoom y Trello.
Todoist - organiza tareas
Planifica y prioriza tareas, establece plazos y recibe recordatorios. La herramienta te permite separar las tareas del trabajo de las personales, y puedes colaborar en listas compartidas con colegas o familiares.
Planifica y prioriza tareas, establece plazos y recibe recordatorios. La herramienta te permite separar las tareas del trabajo de las personales, y puedes colaborar en listas compartidas con colegas o familiares.
El complemento te permite organizar tus tareas cotidianas, ya sean personales o laborales, sin necesidad de recurrir a servicios de terceros.
StayFocusd - elimina las distracciones
Bloquea el acceso a los sitios web que te distraen durante las horas de trabajo. Limitar el tiempo que pasas en las redes sociales o en sitios web de entretenimiento puede ayudarte a mantener la concentración y aumentar la productividad.
Bloquea el acceso a los sitios web que te distraen durante las horas de trabajo. Limitar el tiempo que pasas en las redes sociales o en sitios web de entretenimiento puede ayudarte a mantener la concentración y aumentar la productividad.
Momentum - configura un espacio de trabajo
Sustituye la página de nueva pestaña por un tablero de productividad: Lista de tareas, temporizador de enfoque, enlaces rápidos y cita inspiradora, todo en una sola vista.
Sustituye la página de nueva pestaña por un tablero de productividad: Lista de tareas, temporizador de enfoque, enlaces rápidos y cita inspiradora, todo en una sola vista.
Toggl - seguimiento del tiempo empleado
Registra cuánto tiempo dedicas a cada tarea. Esto resulta especialmente útil para los nuevos diseñadores, ya que facilita la mejora de las estimaciones de tiempo, la creación de plazos precisos para los proyectos y el establecimiento de fechas límite realistas.
Registra cuánto tiempo dedicas a cada tarea. Esto resulta especialmente útil para los nuevos diseñadores, ya que facilita la mejora de las estimaciones de tiempo, la creación de plazos precisos para los proyectos y el establecimiento de fechas límite realistas.
Gestión de fichas
OneTab - contraer pestañas abiertas
Contrae todas las pestañas abiertas en una sola lista. Por ejemplo, si estás investigando un público objetivo y tienes docenas de pestañas abiertas, pero de repente necesitas cambiar a la edición del cliente, sólo tienes que hacer clic una vez para guardarlo todo para más tarde. Así despejas tu espacio de trabajo y liberas memoria RAM. Puedes restaurar las pestañas todas a la vez o una a una.
Contrae todas las pestañas abiertas en una sola lista. Por ejemplo, si estás investigando un público objetivo y tienes docenas de pestañas abiertas, pero de repente necesitas cambiar a la edición del cliente, sólo tienes que hacer clic una vez para guardarlo todo para más tarde. Así despejas tu espacio de trabajo y liberas memoria RAM. Puedes restaurar las pestañas todas a la vez o una a una.
Toby for Tabs - organiza tus pestañas
Úsalo para poner orden en tu navegador. Organiza grupos de pestañas en espacios de trabajo y cambia entre ellos cuando lo necesites.
Empieza el día con un grupo preestablecido de pestañas relacionadas con el trabajo y ciérralas por la noche en sin perder nada. Todo se sincroniza entre dispositivos: retoma justo donde lo dejaste, incluso desde otro ordenador.
Úsalo para poner orden en tu navegador. Organiza grupos de pestañas en espacios de trabajo y cambia entre ellos cuando lo necesites.
Empieza el día con un grupo preestablecido de pestañas relacionadas con el trabajo y ciérralas por la noche en sin perder nada. Todo se sincroniza entre dispositivos: retoma justo donde lo dejaste, incluso desde otro ordenador.
Seguridad
HTTPS Everywhere - asegura tu conexión
Úsala para asegurar tus conexiones en público. La herramienta obliga a los sitios web a utilizar HTTPS -aunque no lo hagan por defecto-, cifrando los datos que envías y recibes en línea. Resulta especialmente útil cuando trabajas en cafeterías o espacios de coworking, por lo que es una gran herramienta para diseñadores autónomos.
Úsala para asegurar tus conexiones en público. La herramienta obliga a los sitios web a utilizar HTTPS -aunque no lo hagan por defecto-, cifrando los datos que envías y recibes en línea. Resulta especialmente útil cuando trabajas en cafeterías o espacios de coworking, por lo que es una gran herramienta para diseñadores autónomos.
AdGuard - bloquea todos los anuncios
Haz que tu experiencia de navegación sea más cómoda bloqueando todo tipo de anuncios molestos, incluidos los anuncios de vídeo de YouTube, las ventanas emergentes, los banners, los anuncios nativos, etc. También desactiva los rastreadores que monitorizan tu actividad online, acelerando la carga de las páginas y reduciendo el uso de datos.
Haz que tu experiencia de navegación sea más cómoda bloqueando todo tipo de anuncios molestos, incluidos los anuncios de vídeo de YouTube, las ventanas emergentes, los banners, los anuncios nativos, etc. También desactiva los rastreadores que monitorizan tu actividad online, acelerando la carga de las páginas y reduciendo el uso de datos.
Una vez instalado, funciona automáticamente en todos los sitios web, sin necesidad de activarlo o desactivarlo.
LastPass - guarda tus contraseñas
Úsalo para almacenar, gestionar y autocompletar tus contraseñas de forma segura. Cifra tus datos para evitar filtraciones y se sincroniza con todos tus dispositivos. Al registrarte en un nuevo sitio web, puede generar una contraseña segura para ti.
Úsalo para almacenar, gestionar y autocompletar tus contraseñas de forma segura. Cifra tus datos para evitar filtraciones y se sincroniza con todos tus dispositivos. Al registrarte en un nuevo sitio web, puede generar una contraseña segura para ti.
Hoja de trucos de plugins útiles
Para ayudarte a navegar de forma más eficiente, aquí tienes una lista de plugins con una breve descripción de sus características. Guárdala, prueba distintas herramientas y elige las que mejor te funcionen.
ColorZilla - elige un color, crea una paleta de sitio web, genera un gradiente CSS.
Site Palette - extrae el esquema de color de un sitio web, exporta a Google Palette o Adobe Swatch.
Site Palette - extrae el esquema de color de un sitio web, exporta a Google Palette o Adobe Swatch.
WhatFont - identifica fuentes en cualquier sitio web.
Font Ninja - prueba fuentes, comprueba licencias comerciales.
Google Font Previewer - prueba fuentes sin editar CSS.
Font Ninja - prueba fuentes, comprueba licencias comerciales.
Google Font Previewer - prueba fuentes sin editar CSS.
Icons8 - inserta iconos e ilustraciones directamente en Google Docs.
Image Downloader - descarga imágenes e iconos de cualquier página web.
SVG Grabber - extrae y descarga archivos SVG.
Video DownloadHelper - descarga vídeo o audio de cualquier página web.
Image Downloader - descarga imágenes e iconos de cualquier página web.
SVG Grabber - extrae y descarga archivos SVG.
Video DownloadHelper - descarga vídeo o audio de cualquier página web.
Page Ruler - mida los elementos de la página y el espaciado.
CSS Peeper - inspeccione fuentes, colores y estilos en cualquier página web.
Wappalyzer - detecte qué tecnologías utiliza un sitio web.
Visual Inspector UI - edite temporalmente estilos y pruebe cambios de diseño.
Broken Link Checker - encuentre enlaces rotos y errores de imagen.
Lighthouse - ejecute una auditoría técnica completa de un sitio web.
CSS Peeper - inspeccione fuentes, colores y estilos en cualquier página web.
Wappalyzer - detecte qué tecnologías utiliza un sitio web.
Visual Inspector UI - edite temporalmente estilos y pruebe cambios de diseño.
Broken Link Checker - encuentre enlaces rotos y errores de imagen.
Lighthouse - ejecute una auditoría técnica completa de un sitio web.
GoFullPage - toma y anota capturas de pantalla a página completa.
Loom - graba tu pantalla con voz en off.
Loom - graba tu pantalla con voz en off.
Window Resizer - comprueba los diseños responsivos.
Perfect Pixel - compara tu diseño con el diseño original.
Google Tag Assistant - soluciona problemas de etiquetas GTM.
Perfect Pixel - compara tu diseño con el diseño original.
Google Tag Assistant - soluciona problemas de etiquetas GTM.
Muzli - explora tendencias de diseño y encuentra referencias visuales.
Save to Pinterest - recopila ideas visuales y crea moodboards.
Evernote Web Clipper - guarda ideas y organízalas por categorías.
Instapaper - crea una lista de lectura offline.
Save to Pinterest - recopila ideas visuales y crea moodboards.
Evernote Web Clipper - guarda ideas y organízalas por categorías.
Instapaper - crea una lista de lectura offline.
Bardeen - automatiza las tareas rutinarias en todas tus herramientas.
Todoist - planifica y prioriza tus tareas.
StayFocusd - bloquea los sitios web que te distraen durante las horas de trabajo.
Momentum - convierte tu nueva pestaña en un panel de productividad.
Toggl - controla el tiempo dedicado a las tareas.
Todoist - planifica y prioriza tus tareas.
StayFocusd - bloquea los sitios web que te distraen durante las horas de trabajo.
Momentum - convierte tu nueva pestaña en un panel de productividad.
Toggl - controla el tiempo dedicado a las tareas.
Toby for Tabs - organiza las pestañas en espacios de trabajo.
OneTab - contrae todas las pestañas en una sola lista.
OneTab - contrae todas las pestañas en una sola lista.
HTTPS Everywhere - garantiza conexiones seguras incluso en sitios web sin HTTPS.
AdGuard - bloquea anuncios, rastreadores y ventanas emergentes.
LastPass - almacena y sincroniza contraseñas en todos tus dispositivos.
AdGuard - bloquea anuncios, rastreadores y ventanas emergentes.
LastPass - almacena y sincroniza contraseñas en todos tus dispositivos.
Pulse para ver a tamaño completo y guardar para más tarde
Pulse para ver a tamaño completo y guardar para más tarde
Si te ha gustado el artículo, compártelo con tus amigos. Gracias.
Lea también:
Libro de texto gratuito sobre cómo diseñar, configurar y ejecutar páginas de destino de alta conversión
Guía práctica gratuita de animación web con ejemplos y técnicas,
y consejos para utilizarlos
