Al realizar diseño web hay una amplia cantidad de extensiones que pueden facilitarte el trabajo. Entre ellas se encuentran funciones como reconocer colores y fonts, saber las medidas de imágenes en tu web y cómo medirlas.

A continuación te enseño mi rejunte de las mejores extensiones para realizar diseño web. Esto es aplicable tanto como si usas diseñas WordPress, Wix, TiendaNube, Shopify o si creas tu diseño a medida.

Sin más introducciones te presento las extensiones. Todas pueden ser encontradas en la WebStore de Chrome

Beneficios de las extensiones para diseño web

Google Chrome nos trae un abanico de opciones al momento de acelerar nuestro proceso de diseño

Las opciones que esto trae son infinitas, pero a continuación se adjunta un recopilado de extensiones ya testeadas que pueden ayudarte tanto para el diseño, testeo y lanzamiento d tu web

Las mejores extensiones para diseño web

Wappalyzer

Esta extensión es muy útil al recorrer diferentes sitios webs debido a que podrás conocer con qué tecnologías se han creado y todos los recursos que utilizan .

ColorZilla

Colorzilla es una de las mejores opciones cuando quieres obtener el código de un color o si has utilizado uno y ya no puedes encontrar cuál ha sido. Con esto se facilita muchísimo el reutilizar colores al crear tu diseño

Facebook Pixel Helper

Esta opción no se relaciona tanto con el diseño en sí pero con esta podrás saber cuando una web está utilizando el píxel de facebook y de qué manera lo hace. Se te facilitará configurar tu pixel y los eventos a configurar serán más fáciles de pensar

Font Finder

De manera super detalla te indica qué tipo de fuentes se está utilizando según el elemento que selecciones. Lo mejor de esta extensión es que no solo te indica que fuente se esta utilizando sino que también te dice el tamaño, el espaciado, la decoración y muchos detalles más

Seleccionar área de captura de pantalla

Permite realizar una captura de pantalla de algún recorte que realices en la web. Lo considero muy útil al momento de realizar guías con imágenes de tu web

Lorem Ipsum Generator

Lorem Ipsum es el texto predeterminado que se usa el estar creando un diseño para ocupar lo que sería el texto. Te permite generar este fragmento de texto según la cantidad que necesites. Ta sea una oración, uno o varios párrafos y simples letras

Responsive Web Design Tester

Ya en el 2019 el que un sitio web sea responsive es una de las cosas más básicas que debe tener tu web. Con Responsive Web Design Tester podrás saber como se ve en los diferentes dispositivos.

En la tienda virtual de Google se encuentran miles de extensiones para este fin de diseño web. Pero resalto estas debido a que ya han sido probadas por mi autoría y puedo cerciorar que su uso hace que el trabajar en tus páginas web se haga más sencillo.

Wp Sniffer

Alguna vez has observado la web de la competencia y además de ver con qué diseñaron su web quieres saber si usan una plantilla de wordpress?

Con WP SNIFFER puedes ver que tipo de plantilla está usando la competencia y en caso de desearlo, usarla para tu propio negocio

Resumen

En al artículo encontramos extensiones para Google Chrome que nos facilitan las tareas de diseñar, testear y analizar nuestra web. Entre esto se encuentra lo que es buscar tipografía, poner texto de demostración, testear que nuestro píxel de facebook funciona y muchas opciones más