Las 8 Mejores Extensiones de Google Chrome para Diseñadores
Ya sea que necesites algo para previsualizar fuentes o gestionar tus flujos de trabajo, encontrarás las mejores extensiones de Google Chrome para diseñadores en esta guía completa. Estos complementos son ideales tanto si eres un aficionado serio como si eres un profesional.
Tabla de Contenidos
- Figma
- Adobe Express
- Google Font Previewer
- HTML a Diseño
- ColorZilla
- Extensión de Búsqueda de Miro para Chrome
- Herramientas para Diseñadores
- PerfectPixel
1. Figma
Precio: Gratis con opciones premium
Figma es popular entre diseñadores UX y diseñadores gráficos por igual, y su extensión para Chrome te ayuda a personalizar mejor los eventos que creas en Google Calendar.
Puedes compartir directamente tus tableros de FigJam al usar la extensión de Chrome de Figma. Esta función se puede utilizar para realizar una presentación o agregar contexto adicional antes de una reunión.
La extensión de Chrome de Figma también te permite agregar cualquiera de tus archivos de Figma a un evento de Google Calendar. Además de agregar archivos existentes, también puedes crear nuevos y tableros de FigJam a través de tu calendario. Además, el complemento funciona como un acceso rápido al sitio web de Figma.
2. Adobe Express
Precio: Gratis con opciones premium
Aunque aún recomiendo usar herramientas más avanzadas, como Adobe InDesign y Adobe Illustrator, para diseños complejos, Adobe Express es excelente para prototipos básicos y publicaciones en redes sociales. Puedes recortar y redimensionar imágenes rápidamente, además de eliminar fondos.
La extensión de Chrome de Adobe Express te permite crear nuevos diseños rápidamente sin necesidad de navegar al sitio web. Después de hacer clic en Crear, tendrás acceso a toda la biblioteca.
Al usar esta extensión, también puedes convertir imágenes de tu computadora o disco duro a PNG o JPEG. Sin embargo, no funciona para guardar y convertir archivos WEBP a JPEG.
3. Google Font Previewer
Precio: Gratis
Entender cómo funcionan juntas las fuentes es uno de los aspectos más cruciales del diseño, pero saber cómo se verán a veces es un desafío. Google Font Previewer te permite previsualizar cómo se verán las páginas con numerosas fuentes aplicadas.
Para elegir las fuentes que deseas agregar, encontrarás una lista completa en el lado derecho. También puedes elegir si deseas usar símbolos no latinos, como árabe y coreano.
Ve cómo interactúan tus fuentes con diferentes partes de la página cambiando el caso de las letras. Además, puedes elegir entre regular y negrita. Una vez que sepas a qué quieres cambiar tus fuentes, siéntete libre de ajustarlas en un tema de WordPress o en el constructor de sitios web que uses.
4. HTML a Diseño
Precio: Gratis con opciones premium
Necesitas el complemento de Figma para usar HTML a Diseño, pero es una extensión de Chrome muy poderosa para diseñadores, una vez que hayas instalado ambos. Puedes convertir las páginas de Chrome que navegas en diseños de Figma.
HTML a Diseño te permite personalizar el ancho de tu diseño. Recomiendo comenzar con el ancho del navegador si estás diseñando una página web, pero siempre puedes elegir la opción móvil si estás creando una aplicación o una página móvil.
El complemento HTML a Diseño te permite elegir toda la página o una parte específica de ella y Modo Claro u Oscuro.
5. ColorZilla
Precio: Gratis
Conocer los números RGB exactos es uno de los mayores desafíos, pero la extensión de ColorZilla para Chrome facilita esta tarea para los diseñadores. El complemento te muestra los números precisos necesarios para cualquier color en tu página web, ya sea un logo, una foto o algo más.
Además de elegir un color de una página web específica, ColorZilla también te permite elegir uno de fuera de tu navegador. El complemento mantiene un historial de tus elecciones, lo que significa que puedes consultarlo siempre que quieras.
Este selector de colores también tiene un navegador de paletas que te permite ver los números RGB de colores comúnmente utilizados.
6. Extensión de Búsqueda de Miro para Chrome
Precio: Gratis con opciones premium
Si deseas acceso rápido a tus proyectos de Miro, considera descargar la extensión de búsqueda de Miro para Chrome. Después de integrar este complemento, puedes buscar todos tus documentos directamente desde la caja de URL de Chrome.
Para encontrar tus resultados, escribe “miro,” seguido del nombre de tu archivo. Notarás que la URL cambia a Miro Search.
Después de presionar Enter, serás transportado a tu panel de Miro.
7. Herramientas para Diseñadores
Precio: Gratis con opciones premium
Herramientas para Diseñadores es una gran extensión de Chrome, que te permite aprender medidas al diseñar tus aplicaciones y sitios web. Aprende cuántos píxeles tiene cada aspecto de un sitio que visitas, como los cuadros de texto y los visuales.
También puedes comparar píxeles para diferentes secciones haciendo clic en uno y pasando el cursor sobre el siguiente que deseas medir.
Herramientas para Diseñadores te permite guardar aspectos y agregar cuadrículas para ayudarte a obtener medidas más precisas. También aprende sobre la escala de píxeles para maximizar el uso de esta herramienta.
8. PerfectPixel
Precio: Gratis con opciones premium
PerfectPixel te permite agregar múltiples capas subiendo activos visuales desde tu computadora. También puedes copiar y pegar desde tu portapapeles. Si deseas completar tu proyecto más tarde, es fácil guardar tu progreso.
Para evitar confusiones, agrega diferentes diseños para cada sitio web. También puedes arrastrar y soltar tus capas subidas exactamente donde deseas que aparezcan.
PerfectPixel te permite colocar elementos a la izquierda, en el medio o a la derecha con un solo clic. También encontrarás varios atajos para agilizar tu flujo de trabajo.
Ya sea que estés buscando colores específicos o desees diseñar nuevos elementos en una página web, las mejores extensiones de Chrome para diseñadores pueden ayudarte. También encontrarás muchas herramientas para buscar software de manera más efectiva. Puede que desees considerar combinarlas con extensiones de Chrome que mejoren tu experiencia de búsqueda para una productividad aún mejor.
Crédito de la imagen: DALL-E. Todas las capturas de pantalla por Danny Maiorca.
