Ha conquistado el mundo del diseño, convirtiéndose en una herramienta indispensable para diseñadores y equipos de todo el mundo. Al ofrecer un entorno de diseño colaborativo basado en navegador, Figma ha facilitado más que nunca que los diseñadores trabajen juntos en tiempo real. Pero lo que distingue a Figma del resto es su rico ecosistema de plugins, que permite a los diseñadores mejorar y optimizar su flujo de trabajo de innumerables maneras. En este artículo, exploraremos algunos de los plugins de Figma más útiles e interesantes que pueden ayudarte a elevar tu flujo de trabajo.

Antes de comenzar, es importante tener en cuenta que los plugins de Figma son solo herramientas. Están diseñados para que tu trabajo sea más fácil, más eficiente y más agradable, pero no reemplazan los buenos principios de diseño ni tu propia creatividad. Como con cualquier herramienta, es esencial usar los plugins de Figma con precaución; No todos son adecuados para todas las situaciones, y debes considerar cuidadosamente si un plugin realmente beneficiará tu proyecto antes de incorporarlo a tu proyecto de diseño. También es importante recordar que la gran cantidad de plugins disponibles puede ser bastante amplia. Entonces, en lugar de tratar de usar todos y cada uno de ellos, concéntrate en encontrar los que mejor se alineen con tus necesidades y objetivos específicos.

1. Color Designer

Este plugin genera sombras, matices y armonías de color en función de capas seleccionadas o estilos locales. También puede crear un degradado escalonado entre dos colores.

Descarga el plugin

 

2. Icon Resizer

Importar un montón de íconos y cambiarles el tamaño manualmente es un procedimiento muy largo, pero puedes cambiar el tamaño de todos los íconos seleccionados con un solo clic. Este plugin es realmente útil cuando importas muchos íconos.

Descarga el plugin

 

3. Iconify

Iconify es la biblioteca más grande de íconos en los plugins de Figma. Iconify tiene más de 100 conjuntos de íconos que contienen más de 100,000 íconos que se pueden importar al documento de Figma como formas vectoriales.

Descarga el plugin

 

4. Breakpoints

Puedes obtener una vista previa del diseño receptivo dentro de un marco de Figma. Funciona incluso sin la ventana del plugin abierta y la mejor parte es que cualquier miembro de tu equipo puedes cambiar el tamaño del marco sin instalar el plugin (¿No es eso increíble?).

Descarga el plugin

 

5. Isometric

Isometric te permite crear capas isométricas sin tener que configurarlas manualmente. Isometric se convirtió en una tendencia genial para usar en diseños. Por lo tanto, es muy fácil hacer diseños isométricos.

Descarga el plugin

 

6. Draw Connector

Las líneas y formas de conector son muy útiles al crear flujos de usuario. Draw Connector es un plugin increíble para etiquetar y conectar tus capas así.

Descarga el plugin

 

7. LottieFiles

Con el plugin LottieFiles, puedes insertar animaciones en tus diseños. Puedes importar animaciones SVG o GIF que son completamente gratuitas y LottiFiles tiene miles de animaciones para tus proyectos.

Descarga el plugin

 

8. Mapsicle

¿Estás utilizando imágenes de captura de pantalla para mapas en tus diseños? Nunca vuelvas a hacer eso, solo usa el plugin Mapsicle y crea fácilmente mapas en tus diseños. Puede buscar cualquier ubicación y usar esa imagen de ubicación como una imagen de mapa en tus diseños.

Descarga el plugin

 

9. Remove BG

Si estás utilizando imágenes y desea eliminar el fondo de estas, Remove BG es el mejor plugin para eliminar el fondo con un solo clic.

Descarga el plugin

 

10. UIGradients

Con este plugin, puedes agregar muchos degradados a tus diseños con un solo clic.

Descarga el plugin

 

11. Unsplash

Unsplash es un plugin muy popular en Figma, desde el cual puedes importar instantáneamente muchas imágenes con un solo clic.

Descarga el plugin

 

12. Typescale

Como diseñador, todos conocemos la importancia de la tipografía y la jerarquía. Typescale es la mejor herramienta para generar escalas de tipo rápidamente.

Descarga el plugin

 

13. Autoflow

Autoflow es la mejor y más fácil herramienta para crear un flujo de usuario rápido. Puede crear un flujo de usuario en un poquito de tiempo simplemente creando formas y conectándolas.

Descarga el plugin

 

14. Batch Styler

Batch Styler permite cambiar muchos colores y fuentes a la vez. Este plugin ahorrará mucho tiempo al cambiar todo el sistema de diseño con un solo clic.

Descarga el plugin

 

15. Zeplin

Zeplin es una herramienta de organización y transferencia todo en uno. Puedes crear fácilmente flujos de usuarios y organizar tus archivos de diseño con variantes para mantener las pantallas de escritorio, tableta y móvil en un solo lugar. Zeplin también genera automáticamente tokens de diseño a partir de colores y fuentes de tus diseños.

Descarga el plugin

 

16. Chart

Chart es un plugin para Figma que utiliza datos aleatorios reales para crear los gráficos más populares. Chart admite copiar y pegar desde editores como Excel, Numbers, Google Sheets, conexión en vivo con Google Sheets y JSON remoto (API REST), CSV local y archivos JSON.

Descarga el plugin

 

17. Content Reel

Content Reel es un lugar donde puedes obtener TODO, literalmente todo; desde imágenes hasta cadenas de texto, iconos y también avatares. Este plugin es creado por Microsoft que te va a ahorrar mucho tiempo de trabajo.

Descarga el plugin

 

18. Dark Mode Magic

Este es el plugin más loco que hay en Figma. La magia del modo oscuro cambia el diseño de tu tema claro a un tema oscuro con un solo clic. Aunque no optimiza todos los colores, este plugin te ayudará mucho si estás convirtiendo un diseño de tema claro en un tema oscuro.

Descarga el plugin

 

19. Figma to HTML, CSS, React & more!

Este es uno de nuestros plugins favoritos. Puedes convertir cualquier sitio web en un diseño de Figma con un par de clics. Imagina convertir cualquier sitio web para diseñar y usar ese componente del sitio web.

Descarga el plugin

 

20. Wireframe

Wireframe es el mejor plugin de Figma para crear hermosos wireframes, flujo de usuario, prototipos y estructuras básicas, por lo que no se requieren otros kits, archivos o habilidades. simplemente arrastra y suelta para agregarlo en Figma.

Descarga el plugin

 


Aprende a usar Figma con estos cursos online:

Introducción a Figma

Aprende a utilizar desde cero la herramienta más eficiente para el diseño de prototipos y descubre un mundo de posibilidades para el desarrollo web.

IR AL CURSO

 

Figma de principio a fin

Descubre la herramienta más potente y eficiente para diseñar de manera colaborativa y aprende a crear interfaces interactivas desde cero.

IR AL CURSO

 

Diseño de páginas web interactivas con Figma

Aprende a crear webs interactivas, memorables y fáciles de programar, siempre teniendo en cuenta el comportamiento del usuario.

IR AL CURSO

 

Te puede interesar: