• Home
  • UX
  • 15 Plugins Esenciales para Impulsar tu Flujo de Trabajo en Figma
15 Plugins Esenciales para Impulsar tu Flujo de Trabajo en Figma
By Israel Piña | @israelpinapol profile image Israel Piña | @israelpinapol
4 min read

15 Plugins Esenciales para Impulsar tu Flujo de Trabajo en Figma

Para aquellos que buscan mejorar su flujo de trabajo con Figma, hay una serie de plugins esenciales que vale la pena agregar a tu arsenal. Estos plugins te permitirán hacer cosas como eliminar el fondo de una imagen, crear prototipos adaptativos para diferentes tamaños de pantalla, buscar y editar mockups

Para aquellos que buscan mejorar su flujo de trabajo con Figma, hay una serie de plugins esenciales que vale la pena agregar a tu arsenal. Estos plugins te permitirán hacer cosas como eliminar el fondo de una imagen, crear prototipos adaptativos para diferentes tamaños de pantalla, buscar y editar mockups de alta calidad y mucho más. Estos son algunos de los plugins esenciales para Figma que deberías probar:

1. Unsplash:

Unsplash es una plataforma en línea popular con muchas imágenes gratuitas que se pueden usar para proyectos personales o comerciales. Con el plugin de Unsplash para Figma, puedes buscar rápidamente una imagen por palabras clave e importarla a tu proyecto.

2. BG Remove:

Esta es una plugin gratuito para eliminar el fondo de una imagen. Es conveniente porque ya no es necesario salir de Figma para hacerlo. Selecciona una foto, haz clic en el plugin y obtén el resultado.

3. Redlines Figma:

Redlines es un plugin con el kit de herramientas ideal para aquellos que desean preparar un proyecto para su presentación a los desarrolladores de manera rápida. El plugin te permite crear y generar redlines de los objetos seleccionados con rapidez. Con él, obtendrá un control completo sobre el estilo y la visualización de cada elemento de redline.

4. Isometric:

Isometric es uno de mis favoritos. Te permite transformar un diseño 2D en un diseño isométrico. Es útil para crear materiales de marketing y presentaciones memorables.

5. Design Lint:

Design Lint es un plugin gratuito y de código abierto. Está diseñado para encontrar y corregir errores en proyectos rápidamente. Puedes usar esta herramienta para verificar la presencia de estilos de texto, relleno, trazo y efecto. El plugin también indica valores incorrectos de borde-radio.

6. Content Reel:

El plugin te permite rellenar rápidamente los campos con texto e imágenes de bibliotecas. Recopilan muchas fotos y contenido de texto, incluyendo nombres, direcciones de correo electrónico, monedas y otra información.

7. Avatares:

El plugin agrega avatares de usuario a los diseños del proyecto en un solo clic. Todo lo que necesitas hacer es seleccionar cualquier elemento y ejecutar el plugin. Extraerá la imagen de avatar y la agregará como relleno a su elemento. Puedes ejecutar el plugin sin seleccionar nada; agregará el elemento avatar en sí mismo.

8. Autoflow:

El plugin conecta objetos en el diseño con líneas. Si necesitas cambiar su ubicación, simplemente vuelve a ejecutar el plugin para crear nuevas conexiones.

9. Iconsax:

El plugin Iconsax te permite acceder a una biblioteca de 6000 iconos en 6 estilos diferentes (Lineal, Contorno, Negrita, Masivo, Dos tonos y Roto). Puedes usarlos para proyectos personales y comerciales.

10. Mockup:

Plugin para buscar, editar e insertar mockups de alta calidad y populares de la biblioteca LS Graphics. Es sencillo de trabajar con él.

11. Contrast:

Usé este plugin para verificar el contraste de las sombras. La diferencia te permite evaluar el contraste de un elemento de diseño individual y revisar todo el proyecto. ¡Muy práctico!

12. Ghost:

Ghost es un plugin que convierte diseños de alta fidelidad en pantallas de arranque o "esqueletos". Detecta todas las capas de texto y formas seleccionadas, mide sus dimensiones y las reemplaza con rectángulos. Las capas originales se eliminan.

13. Font Scale:

Este plugin es para cuando quieras asegurarte de que la tipografía de un proyecto sea jerárquica. Te permite crear escalas de fuentes equilibradas y coherentes. Para ello, especifique un tamaño de fuente base y seleccione un factor de escala.

14. Breakpoint

Es un complemento que permite crear un diseño de prototipo adaptable y visualizarlo. Lo empleo para exhibir a mis colegas desarrolladores cómo el diseño se ajusta a distintos tamaños de pantalla.

15. Propstar

Si utilizas el complemento Propstar con múltiples componentes, podrás generar diversas instancias de ellos, incluyendo todas las combinaciones de variantes y propiedades de los componentes. Y todo ello en una tabla claramente etiquetada.

Por ende, Figma se convierte en una poderosa herramienta de diseño UX con una variedad de plugins disponibles que facilitan nuestro trabajo, haciéndolo más accesible, productivo y eficiente. He recopilado aquí los 15 mejores plugins de Figma, aunque existen muchas otras alternativas emocionantes. Estaré encantado de compartir más en futuras publicaciones. Suscríbete a mi blog para no perderte ninguna novedad.

By Israel Piña | @israelpinapol profile image Israel Piña | @israelpinapol
Updated on
UX Diseño web