40 plugins imprescindibles para una mejor experiencia con Figma

Post is also avalible in:

¿Qué es mejor que diseñar en Figma? ¡Diseñando en Figma con plugins! Estos pequeños complementos mejoran las funciones básicas de Figma y mantienen todas las herramientas posibles e imposibles en un solo lugar. ¿Quieres eliminar un fondo? Hay un plugin para eso. ¿Necesitas generar datos de usuario realistas para una maqueta? Tapado. Y eso sin correr de un lado a otro a través de diferentes aplicaciones o pestañas. Sin embargo, la mejor parte es que la mayoría de los complementos son completamente gratuitos.

¿Por qué usar los plugins de Figma?

Según las estadísticas, Figma tiene más del 40% de la cuota de mercado en la industria del software de diseño. Lo cual no es de extrañar: la vainilla Figma ya es bastante sorprendente. Mientras tanto, el sistema de complementos lleva la experiencia de la aplicación al infinito y más allá.

Porque te hace la vida más fácil, sinceramente. Piensa en los plugins como códigos de trucos que te equipan con características únicas y geniales que el juego básico no proporciona. En lugar de dibujar un perfil de usuario desde cero, aproveche los paquetes de iconos, los datos falsos y los generadores de avatares de usuario.

Desearía poder retroceder en el tiempo y decirme a mí mismo que no necesité todo ese software diferente para mis proyectos universitarios. Incluso una tarea tan simple como la eliminación de fondo requirió una acción adicional. Sin embargo, con los complementos de Figma, está disponible dentro de una aplicación. Y ni siquiera empezaré a hablar de todas esas increíbles texturas, degradados, efectos, ¡solo te los mostraré!

Herramientas útiles

A la ruta

Este complemento toma la mano de su objeto y lo guía suavemente a lo largo de una ruta personalizada. Dibuja cualquier curva que quieras, elige una forma, un texto o un grupo de objetos, y vincúlalos para ver cómo ocurre la magia. También puedes ajustar la posición y el número de objetos para perfeccionar el resultado.

Kit de herramientas de perspectiva

Añade profundidad a tu diseño jugando con la perspectiva. Puedes usarlo para crear maquetas simplemente sesgando tu diseño, usando un método 3D con un control FoV o convirtiéndolo en un vector de cuatro courner para arrastrarlo manualmente. La forma que más te convenga.

Conector de dibujo

Todo está conectado. Y este plugin te ayudará a ilustrarlo con el uso de flechas personalizables. Una vez aplicado, el plugin buscará el camino más corto para conectar dos capas/objetos. Lo que es mejor, la flecha se ajustará automáticamente una vez que muevas cualquiera de los objetos conectados.

Icons8 Eliminador de fondo

A diferencia del conocido Remove BG, el plugin de Icons8 es gratuito, ilimitado y no requiere ninguna clave API. ¡Y funciona igual de bien!

Fotopea

¿Qué tal si ejecutas Photoshop allí mismo en tu Figma? Eso es básicamente lo que el plugin Photopea tiene para ofrecer. Además, a diferencia de Photoshop, este plugin es gratuito. Y es bastante impresionante, para ser honesto.

Insertar imagen grande

El nombre habla por sí mismo: este complemento le permite insertar cualquier imagen y conservar su resolución original. El problema es que Figma reduce la escala de las imágenes con dimensiones superiores a 4096 píxeles. Para resolver el problema, el complemento divide el archivo de manera inteligente en un conjunto de archivos más pequeños.

Creador de tablas

¿Señorita Excel? Entonces aquí está la buena noticia: puedes tenerlo en Figma ahora. Este plugin enriquece tu kit de herramientas con tablas impresionantes y funcionales. Son personalizables y pueden adaptarse a cualquier cosa. Además, se ajustan automáticamente al tamaño del contenido.

Destructor

Destruya rápidamente instancias, todos los estilos, diseños automáticos, estilos de color, estilos de efectos, estilos de texto, variables, variables de tipografía, variables de degradado, hipervínculos, diseños de cuadrícula… Todo, déjalo arder y empieza de nuevo. No hay captura de pantalla, porque accidentalmente he destruido toda la página.

Mensaje de texto

Relleno de texto

Crea burbujas de texto de diferentes formas y colores con la ayuda de este plugin súper sencillo. Todo lo que tienes que hacer es elegir el campo de texto y la forma deseada, pulsar “Crear” y… ¡Ta-da! También es posible ajustar el número de píxeles entre cada palabra.

FontDuo

¿Por qué desplazarse durante horas, tratando de encontrar el par perfecto de fuentes, si puede simplemente romper el aleatorizador? Esta vez, no hay necesidad de ir a buscarlo en la Web, simplemente ejecute el complemento, elija el estilo y ¡sea feliz!

ARCO

Al igual que To Path, ARC te ayuda a mejorar tu juego de tipos. Sin embargo, este complemento es mucho más simple y solo le permite doblar el tipo hacia arriba o hacia abajo hasta que se bloquee en un círculo. Pero si no estás de humor para dibujar caminos, esta es una gran alternativa.

Color

De imagen a paleta de colores

Al ejecutar este complemento después de seleccionar una imagen, se generará una ventana emergente con una paleta de 6 colores. La mejor parte es que puedes copiar códigos de color simplemente haciendo clic en la paleta. También es posible copiar los colores en una fila de cuadrados al lienzo. Útil y súper conveniente.

Tintes y sombras

Este plugin genera cinco tintes y cinco tonos del color que elijas. No hay mucho que decir al respecto, en realidad. Es simple y conveniente.

Degradado granulado

Impresionantes combinaciones de colores personalizables superpuestas con una textura granulada y hasta 4000px es lo que este plugin trae a tu mesa. Puedes aleatorizar el degradado o elegir los colores que necesites. Cuando esté listo, insértelo en el lienzo o elija cualquier forma existente.

Degradado de malla

Un plugin similar te equipa con una malla 2D para ayudarte a crear degradados personalizados complejos. Elimina el problema existente con los degradados predeterminados de Figma que a veces crea un lío de capas y colores más turbios. También hay características experimentales como el aleatorizador y los bordes de edición.

Daltonismo

Un buen diseño también es diseño inclusivo. Y este pequeño plugin te ayuda a ver tus obras a través de los ojos de una persona daltónica. El simulador tiene efectos de varios tipos de daltonismo y representa con precisión las diferencias en la percepción del color.

Contraste

¿Es legible el texto de tu diseño o deberías considerar elegir diferentes colores? Este plugin muestra lo bueno que es tu juego de contraste. Sólo tienes que seleccionar la capa que desees y comprobar si tu diseño cumple con las Directrices de Accesibilidad al Contenido Web (WCAG).

Formas

Blobs

Herramienta súper fácil y divertida que te ahorra la molestia de crear vectores complejos (o no realmente) manualmente. Para generar un blob aleatorio, elija los niveles de su complejidad y singularidad y… ¡voilá! Tu blob perfecto está servido. (Puedes ver que me divertí haciendo ilustraciones).

Ola y curva

Las manchas personalizables son geniales, pero ¿qué hay de las curvas? Bueno, este complemento los tiene cubiertos. Con la configuración que proporciona, le resultará fácil crear una variedad de vectores interesantes para jugar con cualquiera de sus diseños. Y si te sientes con suerte, siempre puedes pulsar “Aleatorio”.

Aproximadamente

¿Cansado de las líneas elegantes y perfectas? Elige tu nivel de descuido y dibuja una forma desordenada con un solo clic. Enriquece a grandes rasgos tu kit de herramientas de Figma con formas dibujadas a mano que puedes crear dentro del plugin o convirtiendo un vector existente.

Trazador de imágenes

Convierte cualquier cosa en un vector infinitamente escalable. Y en lugar de trazarlo manualmente, ejecute el complemento Image Tracer y convierta las imágenes en vectores en poco tiempo. El plugin tiene un montón de configuraciones útiles y puede funcionar tanto con blanco y negro como con color.

Gráfico

Controle el número de puntos, el nivel de suavidad y la pendiente de su gráfico. Una vez generado, puede editar el vector más adelante, cambiando su color, tamaño, volumen y jugando con los nodos. También hay una biblioteca de ajustes preestablecidos disponibles.

Efectos

Ruido y textura

Si estás buscando formas de darle vida a tu diseño, echa un vistazo al plugin Noise & Texture. Aquí puedes encontrar impresionantes patrones de ruido de mosaicos sin fisuras, texturas, patrones, degradados y mucho más. Es muy ajustable y súper fácil.

Reflejar

La reflexión es una gran cosa. Si reflexiona sobre sus experiencias, obtendrá una mejor comprensión de su naturaleza, comportamiento y… Oh, vaya. Este complemento se trata más bien de reflexiones literales, mi mal. Por lo tanto, en caso de que su diseño necesite alguna vez un efecto de espejo personalizable, guarde este complemento.

Hermosas sombras

Las sombras se llevan a un nuevo nivel con este sencillo plugin: el nombre habla por sí mismo. Ahora puedes arrastrar la fuente de luz y controlar cómo proyecta sombras sobre los objetos. Luego, también puede ajustar la intensidad y los colores de la luz y la sombra.

Morfo

El plugin Morph incluye seis efectos, como skeuomorph, neon, glitch, reflection, glass y gradient. También es posible ajustar cualquier efecto jugando con las propiedades. Morph es una gran paleta de efectos para tener a tu disposición.

Resplandecer

¡Deja entrar la luz y deja que tu creatividad brille! El plugin le da a tus diseños un efecto brillante al combinar múltiples efectos de capa de sombra. Coincide con el color del objeto al seleccionarlo; Sin embargo, siempre puedes elegir cualquier otro y regular la intensidad del resplandor.

Deformarlo

Ya sea que necesite ajustar un objeto en perspectiva o simplemente desee crear una forma inusual, este complemento lo respalda. La configuración le permite controlar el nivel de interpolación y llegar a 20 puntos de complejidad. ¡Incluso proporciona un modo oscuro!

Onda 3D

¿Por qué no hacer una manta acogedora con un rectángulo aleatorio en tu lienzo? El plugin promete suavizar todo como la tela, y así lo hace. Además, tienes el poder de personalizar todos los aspectos de esa manta, desde la apariencia hasta la posición.

Píxeles

Si alguna vez necesitas convertir tu imagen en una pintura de Minecraft, esta es la herramienta que utilizarás. No solo puede regular el nivel de pixelización de 1 a 80, sino también vectorizar la imagen, dividiéndola en pequeños bloques cuadrados separados.

Contenido

Unsplash

¡Ah, la fuente sagrada de imágenes de archivo libres de regalías! Ahora, disponible directamente en la interfaz de Figma, por lo que no tienes que descargar archivos desde el navegador e importarlos manualmente. Como puedes ver, ya lo he usado para la ilustración anterior. ¡Súper conveniente!

Carrete de contenido

Content Reel es tu secuaz en contenido personalizado y datos falsos para tu diseño de diseño. En sus bibliotecas encontrarás avatares, nombres completos, direcciones, correos electrónicos, números, etc. El contenido elegido encajará directamente en el marcador de posición seleccionado. También puedes subir tu propio contenido.

Plugin de maqueta

Un tesoro de varias maquetas de todo tipo. Pone sobre la mesa una amplia gama de maquetas personalizables de alta calidad de diferentes categorías, desde dispositivos hasta elementos de marca. La verdad es que la mayoría de ellos están disponibles con una suscripción paga que comienza con $ 8.25 / mes.

Maquetas de Artboard Studio

Otra pila de maquetas de alta calidad se puede encontrar dentro del plugin de Artboard Studio. La biblioteca consta de maquetas realistas que se renderizan directamente en el lienzo de Figma. Al igual que Mockup Plugin, Artboard Studio también está disponible principalmente a través de suscripción, a partir de $ 12 / mes.

Lorem Ipsum

Este no se trata solo de un marcador de posición de texto, sino que también proporciona acceso a la biblioteca de Unsplash. Con este complemento, se ahorrará la molestia de completar campos de texto de ejemplo y marcadores de posición de imágenes de una sola vez. Este es tu tesoro de datos falsos, lorem ipsum y fotos de archivo.

Sonrojarse

Blush es una biblioteca de lindas colecciones de ilustraciones. Puedes elegir cualquier personaje/pegatina que prefieras y también personalizarlo a tu gusto. También hay un plan de pago que desbloquea aún más funciones, como archivos SVG y resolución a nivel de impresión.

Ilustraciones

Otra colección de packs de ilustraciones gratuitos. Las imágenes son de alta calidad y se pueden insertar arrastrándolas y soltándolas en el lienzo. Las colecciones del plugin son principalmente garabatos de personas. Sin embargo, también tiene un paquete de objetos 3D, como la canasta en la captura de pantalla.

Iconos8

¡No solo iconos! Aunque la elección de iconos que presenta este complemento es enorme, tiene más que dar. Una gran variedad de ilustraciones, incluyendo maquetas, y una colección de fotos de archivo también forman parte del arsenal de Icons8.

Iconificar

A diferencia del anterior, este plugin está dedicado sólo a los iconos. Su colección cuenta con 150+ conjuntos de iconos, lo que equivale a aproximadamente 200k artículos. No será un gran alboroto encontrar un tipo específico de íconos, ya que Iconify tiene una herramienta de búsqueda avanzada con filtros.

Perfil de usuario | Avatar

Una herramienta sencilla para la generación de avatares de usuario. La interfaz incluye algunos filtros, como género, emoción, edad y color de cabello, que puedes usar para generar un avatar aleatorio. También puede navegar por la biblioteca y elegir uno de allí. Las fuentes son Unsplash y Pexels.

Cómo instalar plugins en Figma

Con la interfaz intuitiva de Figma, no será un gran alboroto. Puede hacer clic en “Acciones” en su barra de herramientas, usar el menú contextual o presionar CTRL + K. Esto te llevará a la pestaña de plugins, donde puedes buscarlos con una barra de búsqueda o probar los sugeridos.

Tan pronto como encuentres el plugin que necesitas, ábrelo y pulsa “Ejecutar”. Aparecerá la interfaz y te guiará a través de las funciones del plugin. Tan fácil como eso. Una vez ejecutado, el plugin se guardará en tu biblioteca de plugins para su uso futuro.

Reflexiones finales

Estos 40 plugins representan cientos de horas de trabajo de desarrollo por parte de creadores talentosos que entienden los puntos débiles del diseño digital. Los plugins eliminan muchas de las barreras técnicas para la exploración creativa. Algunos de tus mejores trabajos pueden provenir de accidentes felices mientras experimentas con nuevos plugins.

Sin embargo, no vayas a instalar los 40 plugins de inmediato, por tentador que sea, esto te dejará con una interfaz desordenada y parálisis en la toma de decisiones. Así que explóralos gradualmente, descubriendo lo que funciona mejor para ti, y terminarás con un buen kit de herramientas personalizado propio. ¡Buena suerte, amigo, compañero diseñador!