La guía completa de Figma: 10 plugins que te solucionarán la vida este 2024

Los plugins son la clave para optimizar tu trabajo en Figma. Te presentamos los 10 mejores plugins de Figma para mejorar tu eficiencia y perfeccionar tus habilidades profesionales este 2024. Desde simplificar tareas hasta agregar nuevas funcionalidades, estos plugins están diseñados para potenciar tu productividad.

Por cierto, recupera aquí los 10 trucos para dominar Figma y conviértete en un auténtico profesional de la plataforma.

Si te gustó el post, también te gustarán estos:

Cultura organizacional y marca

Los mejores libros de branding que no pueden faltar en tu biblioteca profesional

Arquetipos de marca. El reinado del radical. Provocación viral. Marcas sin tabúes y sin miedo al hate

Los orígenes del branding (Parte 1): el hombre como animal simbólico

¿Pero qué es un plugin? Es una pieza de software que se integra con una aplicación principal para extender su funcionalidad o añadir nuevas características. En el contexto de Figma, los plugins son herramientas desarrolladas por terceros que se pueden instalar y utilizar dentro del mismo programa.

Permiten a los diseñadores acceder a funcionalidades adicionales que no están disponibles de forma nativa en Figma, como herramientas de optimización de flujo de trabajo, generación de contenido de muestra, creación de prototipos interactivos o integración con servicios externos, entre otros.

10 plugins de Figma que te solucionarán la vida en 2024

Esta es la lista de diez plugins que hemos seleccionado para que trabajes de forma más eficiente en Figma. 

Html.to.design: convierte sitios web en diseños editables

Con html.to.design transforma cualquier página web en diseños Figma completamente adaptables. 

Utiliza un sitio web ya existente y transfiere su código HTML directamente a Figma para iniciar tus propios diseños, evitando crear cada elemento desde cero. Para hacerlo, introduce la url de la página web a importar en Figma, elige los viewports a importar (móvil, escritorio, tablet…) ¡y listos!

Carga una página web editable en Figma para colaborar con otros, perfecciona la redacción UX con diferentes textos y observa una representación de cómo lucirá, y desglosa una web para importar los activos de diseño que necesites para tus proyectos en curso. Todo con este plugin.

Unsplash: biblioteca de imágenes

Unsplash es una biblioteca de archivos libres de derechos de autor. Esta licencia permite utilizar las imágenes libremente tanto para proyectos comerciales como personales. Puedes filtrar las imágenes por tipo de foto, categorías o explorar directamente en su buscador. 

Para hacerlo, selecciona primero el frame donde quieras colocar la imagen, y clica después en la fotografía para añadirla a tu diseño. 

Typescales: sistemas de tipografías

Typescales da la posibilidad de generar escalas de tipografías proporcionales y modulares con facilidad. 

Comenzando con un valor base que eliges, puedes incrementar o decrementar el tamaño de la fuente con un multiplicador que ajustas según tus necesidades. Esta herramienta automatizada garantiza una armonía en la variación de tamaños de los textos, lo que contribuye a mejorar la legibilidad y estética en tus diseños tipográficos.

Mockup: maquetas para Figma

Este plugin proporciona mockups y maquetas. Sólo tienes que seleccionar un dispositivo, elegir un marco y tu diseño aparecerá en la pantalla. El funcionamiento del plugin es realmente sencillo, y los resultados son notables. 

Utiliza la biblioteca de maquetas como la forma más rápida de utilizar un mockup para tu proyecto. En ella, encontrarás una gran colección de los mockups más populares. Si ya tienes uno, también puedes cambiarlo e insertar el diseño en tu mockup.

Autoflow: flujos automáticos

Autoflow te permite crear flechas de flujo de manera automática. Puedes hacer flujos de usuarios, diagramas o gráficos de forma fácil y sin complicaciones. Solo necesitas seleccionar el marco que quieras conectar y luego hacer clic en el otro marco al que quieras que esté unido. Así de simple. 

El plugin da la opción de cambiar los puntos de entrada y salida de los marcos, y de añadir texto en los distintos flujos y flechas. 

Feather Icons: biblioteca de iconos

Con Feather Icons tendrás acceso a una amplia biblioteca de iconos gratuitos y de código abierto, integrada directamente en Figma. Esta herramienta te facilita la búsqueda del icono perfecto para mejorar tus diseños de forma eficiente y profesional. 

Ya no te quedarás sin opciones visuales para tus proyectos. Explora todos los iconos que este plugin tiene para ofrecer.

Arc: modifica la forma de tu tipografía

Arc permite curvar tu texto hacia arriba, hacia abajo o en un círculo. Esta función no está incluida en Figma, así que este plugin te permite ir un poco más allá y desbloquear esta funcionalidad. 

Selecciona la capa de texto que quieras editar, ejecuta el plugin y ajusta el diseño según tus preferencias. Una vez que aplicado, podrás seguir editando el estilo del texto, pero no podrás editar la curva.

Table Creator: diseña tablas en Figma

Diseña tablas con un estilo único, adáptalas fácilmente al contenido y edítalas con facilidad. Controla el diseño de tus tablas modificando los componentes, permitiendo su redimensionamiento y ajuste automático al contenido.

Con Table Creator mantén todas tus tablas actualizadas al modificar el diseño gracias a funciones integradas. Simplifica la selección de columnas y filas con los comandos del plugin. Una vez que hayas creado una plantilla, personaliza el aspecto de tus tablas cambiando la plantilla seleccionada.

Chart: crea gráficos personalizados

Chart es un plugin que crea hasta 18 tipos de gráficos distintos, utilizando data real o aleatoria (si quieres probar cómo funciona es una buena opción). Esta herramienta te da la posibilidad de importar datos e información desde diversas fuentes como Excel, Numbers, Google Sheet u otros formatos. 

El plugin destaca por su versatilidad, ya que puedes personalizar los gráficos y editarlos fácilmente.  

Remove BG: di adiós la fondo de tus imágenes

Este plugin permite eliminar el fondo de tus imágenes de forma automática con un solo clic. Eso sí, necesitarás una cuenta en remove.bg para utilizar este complemento. 

Esta es nuestra pequeña selección de diez plugins que te solucionarán la vida este 2024. En la página de comunidad de Figma encontrarás un largo listado de estas extensiones. Navega por la web y escoge la que mejor se adapte a tus necesidades. 

Por cierto, es importante recordar que la mayoría de estos plugins son gratuitos y se pueden usar libremente dentro de Figma. Otros incluyen funciones de pago que amplían las características del mismo, o permiten sacar un mayor rendimiento del mismo. Entra en cada plugin concreto para investigar, ver si realmente te interesa y en qué podría beneficiarte en tu día a día.