Los complementos de Figma ayudan a aumentar la producción de su trabajo y garantizan que permanezca dentro de Figma para completar su trabajo de diseño. Con la biblioteca infinita de complementos de Figma, no hay casi nada que no puedas hacer con tu herramienta de diseño favorita.
Con estos útiles complementos gratuitos de Figma, solo estamos rascando la superficie de lo que está disponible.
Cómo descargar complementos de Figma
Antes de saltar a la lista de productos, debe saber cómo encontrar y descargar un complemento de Figma. Deberias saber como usar figma, pero si no lo hace, así es como puede encontrar fácilmente la biblioteca de complementos. Algunos complementos pueden funcionar mejor desde la aplicación de escritorio Figma que desde la versión del navegador.
Dirígete a la página de la Comunidad, que se puede encontrar en la página de inicio o desde una página de archivo bajo el nombre de tu cuenta. La página de la comunidad enumera más que solo complementos, pero desde un archivo Figma, seleccionando el
Menú principal > Complementos le mostrará los complementos usados recientemente y los complementos guardados, y le permitirá encontrar nuevos complementos.Seleccionando Buscar nuevos complementos te lleva a la Recursos pestaña donde puede buscar cualquier complemento. Una vez que encuentre un complemento que desee descargar, desde la página de la Comunidad, seleccione Pruébalo para descargar o, desde el cuadro de búsqueda de recursos, seleccione Correr para descargar el complemento.
Cada complemento debe proporcionar sus propias instrucciones de uso, así que lea la propaganda cuando se le solicite.
El complemento de degradado de malla de Gautham proporciona una manera rápida y fácil de agregar degradados personalizados a sus diseños de Figma. Ejecute el complemento y cree un cuadrado degradado. Puedes personalizar los colores tú mismo o pulsar Aleatorizar para generar automáticamente un diseño degradado.
Este complemento crea una imagen a partir de su degradado, por lo que no se puede editar después de generarlo. Sin embargo, puede editar gradientes antiguos o crear nuevos en el complemento.
Webflow Labs proporciona una excelente manera de convertir su diseño de Figma en HTML o CSS listo para Webflow y creación de sitios web. Puede integrar las interacciones de Webflow en sus diseños de Figma para una integración perfecta con Webflow Labs. Este complemento es excelente si es usuario de Webflow Labs o si trabaja con un equipo de desarrollo web.
Incluye componentes receptivos, conserva todos sus estilos, fuentes e imágenes, e incluso le permite editar etiquetas HTML directamente en Figma. Puede crear estilos de plantilla maestra en Figma y use Figma to Webflow para exportarlos para futuros proyectos de sitios web.
El complemento Figma oficial de Unsplash significa que puede insertar imágenes directamente en sus diseños sin salir de la ventana de Figma. Todas las mismas licencias de Unsplash están disponibles, pero con este complemento, ahorrará tiempo y clics al agregar imágenes a su trabajo.
Si es un diseñador de imágenes, es posible que le resulte difícil encontrar texto de marcador de posición para el espacio en sus diseños. El complemento de marcador de posición de Lorem Ipsum lo hace todo por usted. Con el texto en latín tradicional, simplemente entregue su diseño a su redactor para convertir el texto de marcador de posición en algo real, de modo que todo lo que tenga que hacer sea concentrarse en las imágenes.
Si tiene una plataforma de copia de redacción necesaria para su diseño, Text Porter lo ayuda a mover su copia de Excel a Figma fácilmente. Simplemente ejecute el complemento Text Porter y mueva su texto. Luego, edite el texto directamente en su archivo de Excel para actualizar su diseño de Figma en el futuro. Esto es útil si su redactor no tiene acceso o conocimiento de Figma.
Para un flujo de trabajo más fluido junto con el uso de complementos, también puede use los atajos de Figma para un flujo de trabajo más rápido.
La eliminación de fondos es una práctica común cuando se usan imágenes en muchos aspectos del diseño. En lugar de trabajar como un esclavo en Photoshop, Canva u otros programas de edición, usar el complemento Eliminador de fondo de Icons8 acelera el proceso y lo mantiene todo en Figma.
La herramienta de eliminación de fondo se puede aplicar a más de una imagen a la vez, lo que acelera su proceso de trabajo con solo hacer clic en un botón.
El complemento Image Tracer crea una imagen vectorial a partir de cualquier imagen y capa de imagen que elija para aplicarla. Un vector escalable es como polvo de oro para el trabajo de diseño digital, y este complemento facilita el trabajo de convertir cualquier imagen en un vector.
El complemento Html.to.design puede ayudarlo a recrear diseños de sitios web existentes en diseños de Figma. Esto sirve para muchos propósitos, como ayudarlo a practicar el diseño de sitios web o para que recupere sitios web antiguos que diseñó y a los que perdió el acceso.
Vea nuestro tutorial detallado para convertir un sitio web en un diseño de Figma utilizando este complemento.
El complemento Vectorizar funciona de manera similar a Image Tracer, pero es mejor si solo tiene una imagen y un color para vectorizar. Convertir imágenes de mapa de bits en vectores es fácil con este complemento.
Sus nuevos vectores serán una ruta vectorial, fácil de editar y usar para todas sus necesidades de diseño. Especialmente bueno si su cliente le envía su logotipo como una imagen pixelada copiada de un documento de Word. Puede revivir fácilmente logotipos y otros íconos de un solo color en Figma.
¿Estás diseñando para una relación de aspecto específica? ¿Necesita escalar hacia arriba o hacia abajo? Utilice el complemento Aspectos. Este complemento le permite cambiar rápidamente el aspecto de varias capas en su diseño, especialmente imágenes. Aspects es una herramienta útil para cualquier escalado rápido que necesite hacer.
Si está diseñando para UX/UI, probablemente esté agregando botones a sus diseños. Button Buddy es un excelente complemento que ofrece muchos diseños de componentes de botones, lo que le ahorra tiempo en el diseño, para que pueda concentrarse en diseños de diseño excelentes.
Para agregar más componentes que botones, use el complemento Handy Components. Este complemento ofrece más de 60 elementos de diseño UX/UI diferentes. Handy Components también utiliza un diseño inteligente para replicar los estilos presentes en su diseño y aplicarlos directamente a los componentes agregados del complemento. No tienes que editar para que coincida con tu estilo.
Los componentes disponibles son botones, tarjetas de funciones, elementos de lista, tablas, barras de progreso, pegatinas de advertencia, calendarios y muchos otros elementos útiles.
¿Necesitas un mapa en tu diseño web? Puede incorporar uno fácilmente con el complemento Map Maker. El complemento le permite agregar un mapa personalizado insertado en una forma.
Simplemente seleccione la forma deseada (rectángulo, elipse o polígono) y ejecute Map Maker. Luego escriba la dirección que desea compartir. Es así de fácil agregar un mapa a su diseño web.
Los iconos hacen que los diseños de UX/UI sean universales y accesibles. El complemento Iconify alberga una biblioteca de más de 1000,000 íconos para casi cualquier uso. Los íconos SVG de código abierto de Iconify se pueden usar en muchos software de desarrollo para llevar sus diseños de Figma de prototipo a productos en vivo fácilmente.
Agregar maquetas a sus diseños de Figma lo ayuda a incorporar la realidad en posibles ideas de productos. Ya sea que esté agregando maquetas a su Diseño de presentación de Figma o incorporándolos a un sitio web, son algo útil para tener.
Clay Mockups 3D es uno de los muchos excelentes complementos de maquetas. Vea nuestro guía sobre maquetas de teléfonos inteligentes Figma para ver qué más hay disponible. Puede insertar maquetas para teléfonos, computadoras y otros dispositivos, así como manos para sostenerlos.
Este complemento simple le permite alinear sus marcos, ordenar y mantener su obra de arte organizada. Simplemente seleccione sus elementos, ejecute el complemento y su ventana de Figma estará súper ordenada.
No solo ordena una mesa de trabajo desordenada, sino que incluso vuelve a numerar los marcos si se cambia el orden. No busque más el marco 5 después de haberlo movido, lo encontrará junto al 4 y al 6.
Mantenga su trabajo fluido con los complementos de Figma
Con estas 16 excelentes herramientas, puede transformar fácilmente su flujo de trabajo. Los complementos le permiten hacer más sin salir de la ventana de diseño de Figma.
Estos complementos son los más útiles que existen y, si los usa todos, puede vectorizar imágenes, agregar imágenes desde Despliega, agrega diseños HTML a Figma y viceversa con Webflow Labs, agrega mapas personalizados y cambia el tamaño de tu diseños Todo con complementos.