Hay una fase del trabajo de diseño que nadie suele enseñar.
La de buscar imágenes. Ordenar capas. Crear tablas. Probar tipografías. Inventar contenido de relleno. Preparar mockups. Ajustar formas. Repetir tareas que ya has hecho cien veces.
Y ahí es donde los plugins de Figma pueden convertirse en tus mejores aliados.
Porque un buen plugin no va a convertirte mágicamente en mejor diseñador. Pero sí puede conseguir algo bastante más interesante: que dediques menos tiempo a las tareas repetitivas y más tiempo a diseñar.
Figma cuenta con una comunidad enorme de recursos y herramientas que amplían las posibilidades del programa. Los plugins pueden añadir funciones que no forman parte de las herramientas habituales de Figma y ayudarte a adaptar el programa a tu forma de trabajar.
Así que he recopilado 15 plugins de Figma que merece la pena conocer si utilizas esta herramienta habitualmente.
¿Qué son los plugins de Figma?
Un plugin de Figma es una herramienta creada para ampliar las posibilidades del programa y facilitar determinadas tareas dentro del proceso de diseño.
Piensa en ellos como pequeños ayudantes.
Uno puede encargarse de generar contenido. Otro puede ayudarte a crear una tabla. Otro puede preparar un mockup. Otro puede generar formas que, de hacerlas manualmente, te obligarían a pasar bastante más tiempo peleándote con los vectores.
Y lo interesante es que no necesitas aprender una aplicación completamente nueva para utilizarlos. Puedes encontrarlos desde la propia Figma Community y ejecutarlos dentro de tus archivos.
15 plugins de Figma que merece la pena probar
1. html.to.design
¿Alguna vez has tenido que rediseñar una web que ya estaba publicada pero no tenías el archivo original de Figma?
Este tipo de situaciones pueden convertirse en un pequeño infierno.
html.to.design permite importar una página web y convertirla en un diseño editable dentro de Figma. Puede ser especialmente útil para trabajar sobre una interfaz existente, analizar una web o utilizar una página como punto de partida para un nuevo diseño.
No sustituye al trabajo del diseñador, pero puede ahorrarte una buena cantidad de trabajo inicial.
2. Autoflow
Los diagramas de flujo tienen una curiosa capacidad para convertir un documento perfectamente ordenado en una colección de líneas cruzándose por todas partes.
Autoflow ayuda a conectar diferentes elementos y pantallas de una forma mucho más sencilla.
Es especialmente útil cuando estás trabajando con flujos de usuario, arquitectura de información, procesos o prototipos que necesitan explicar cómo se relacionan diferentes pantallas.
3. Clean Document
Hay dos tipos de diseñadores: los que mantienen sus archivos perfectamente ordenados y los que prefieren no abrir el panel de capas delante de nadie.
Si perteneces al segundo grupo, Clean Document puede interesarte.
Este plugin ayuda a limpiar archivos de Figma, eliminando elementos innecesarios y organizando determinadas estructuras. Una pequeña herramienta que puede marcar una gran diferencia cuando un proyecto empieza a llenarse de capas.
4. Table Creator
Crear una tabla manualmente puede ser una de esas tareas que parecen sencillas hasta que llega la fila número 27.
Table Creator permite generar estructuras de tablas de forma mucho más rápida y trabajar con filas, columnas y Auto Layout.
Si diseñas interfaces con tablas, listados o grandes cantidades de información, es uno de esos plugins que merece una prueba.
5. Accidentally Great Font Pairings
Elegir dos tipografías que funcionen juntas puede convertirse en un agujero negro de tiempo.
Pruebas una.
Luego otra.
Y otra.
Y cuando quieres darte cuenta llevas media hora cambiando titulares.
Accidentally Great Font Pairings genera combinaciones tipográficas para ayudarte a descubrir parejas que quizá no habrías probado por tu cuenta.
Una herramienta interesante cuando necesitas inspiración o quieres salir de las combinaciones de siempre.
6. Typescale
Una buena jerarquía tipográfica no consiste simplemente en hacer el titular grande y el texto pequeño.
Typescale ayuda a crear escalas tipográficas siguiendo diferentes proporciones para conseguir una jerarquía más coherente.
Es especialmente útil cuando estás creando una interfaz y necesitas definir rápidamente diferentes tamaños para titulares, subtítulos, textos y otros elementos.
7. Content Reel
El contenido provisional tiene una costumbre bastante molesta: quedarse más tiempo del previsto.
Diseñas una tarjeta y escribes “Lorem ipsum”. Luego necesitas un nombre. Después una dirección. Después una imagen.
Content Reel permite introducir diferentes tipos de contenido en tus diseños para que puedas trabajar con ejemplos más realistas sin tener que inventarlo todo manualmente.
Y cuanto más realista sea el contenido durante el proceso de diseño, más fácil será detectar problemas antes de que el proyecto llegue al desarrollo.
8. Isometric
La perspectiva no es precisamente el mejor amigo de todo el mundo.
Isometric permite aplicar transformaciones isométricas a diferentes elementos y puede ser muy útil para crear composiciones con sensación de profundidad o representar interfaces y objetos desde diferentes ángulos.
Ideal para darle una pequeña vuelta al diseño sin tener que convertirte en experto en perspectiva.
9. Blobs
Esas formas orgánicas que parecen haber sido dibujadas por una gota de pintura con demasiado tiempo libre.
Los blobs se utilizan muchísimo en diseño digital para crear fondos, separar elementos o romper composiciones demasiado rígidas.
Este plugin permite generarlos rápidamente y personalizar sus formas. Una herramienta sencilla, sí. Pero precisamente por eso puede terminar instalada en tu biblioteca de plugins favoritos.
10. Noisy Gradients
Los degradados pueden aportar profundidad y personalidad a una composición, pero a veces necesitas algo más que el típico degradado perfecto.
Noisy Gradients permite crear degradados con textura y ruido para conseguir resultados más interesantes visualmente.
Es especialmente útil si buscas fondos, composiciones abstractas o recursos gráficos con un acabado menos plano.
11. Get Waves
Otra de esas pequeñas herramientas que solucionan un problema muy concreto.
Get Waves permite generar ondas en SVG que puedes utilizar para separar secciones, crear fondos o introducir movimiento visual en una composición.
En lugar de dibujar la forma desde cero, puedes generarla y adaptarla a tus necesidades.
12. 3D Waves
Si las ondas normales se te quedan cortas, podemos complicarlo un poco.
3D Waves permite crear composiciones con ondas y sensación tridimensional para conseguir recursos visuales más llamativos.
Puede ser especialmente interesante para cabeceras, fondos, portadas o piezas digitales en las que necesitas un elemento gráfico protagonista.
13. Mockup Plugin
Un diseño puede verse estupendo dentro de Figma.
Pero cuando lo colocas sobre un dispositivo, una pantalla o una pieza física, el cliente entiende mucho mejor cómo podría verse en el mundo real.
Mockup Plugin permite incorporar diseños a diferentes mockups de forma rápida y es especialmente útil para preparar presentaciones, propuestas comerciales o portfolios.
14. Unsplash
Probablemente sea uno de los nombres más conocidos de esta lista.
Pero que sea conocido no significa que sobre.
El plugin de Unsplash permite buscar e insertar fotografías directamente en tus diseños sin tener que salir constantemente de Figma.
Y cuando estás haciendo pruebas rápidas, poder encontrar una imagen sin abrir veinte pestañas puede parecer una tontería.
Hasta que te das cuenta de cuánto tiempo has ahorrado.
15. UI Faces
Necesitas avatares para una interfaz.
No tienes fotografías.
No quieres poner otra vez la misma colección de caras de stock que aparece en todos los diseños de Internet.
UI Faces puede ayudarte a generar perfiles y avatares para tus composiciones.
Es especialmente práctico para prototipos, dashboards, aplicaciones y diseños en los que necesitas representar usuarios sin disponer todavía de fotografías definitivas.
¿Cuál de estos plugins de Figma necesitas?
Aquí viene la parte importante.
No necesitas instalar los 15.
De hecho, probablemente no deberías hacerlo.
La idea no es llenar Figma de herramientas que vas a utilizar una vez y olvidar para siempre. La idea es identificar aquellas tareas que repites constantemente y buscar un plugin que pueda simplificarlas.
Si haces muchos diagramas, prueba Autoflow.
Si trabajas con tablas, prueba Table Creator.
Si necesitas contenido para prototipos, prueba Content Reel.
Si preparas presentaciones o portfolios, prueba Mockup Plugin.
Y si simplemente quieres descubrir nuevas posibilidades creativas, empieza a explorar Figma Community.
Figma puede hacer más de lo que parece
Una de las mejores cosas de trabajar con herramientas como Figma es que no tienes por qué aceptar que una tarea sea lenta simplemente porque siempre la has hecho así.
A veces la solución no consiste en trabajar más rápido.
Consiste en dejar de hacer manualmente aquello que una herramienta puede resolver en unos segundos.
Y ahí es donde los plugins de Figma tienen todo el sentido.
Figma mantiene una comunidad de recursos donde puedes descubrir plugins, widgets y otras herramientas para ampliar las posibilidades del programa.
Así que la próxima vez que te encuentres pensando “esto debería poder hacerse automáticamente”, haz una cosa antes de empezar a hacerlo a mano:
Búscalo.
Porque quizá alguien ya haya creado el plugin que necesitas.
Y quizá te esté esperando a dos clics de distancia.
¿Qué plugin de Figma añadirías tú a esta lista?
Cuéntamelo en los comentarios. Puede que entre todos encontremos unas cuantas joyas más.