TL;DR
Los 5 plugins que debes instalar hoy mismo: Unsplash (imágenes), Iconify (200,000+ iconos), Content Reel (texto y avatares realistas), Autoflow (flujos rápidos) y Stark (accesibilidad). Todos gratis. Abajo tienes 20 plugins organizados por flujo de trabajo, con precio en pesos mexicanos, alternativas gratuitas, una sección honesta de plugins de IA 2026 y los que ya deberías desinstalar.
Hay cientos de plugins en la comunidad de Figma. La mayoría los instalas, los pruebas una vez y se quedan ahí juntando polvo digital. Esta lista es diferente: son los que sobrevivieron a la limpieza semestral. Los que realmente abro durante un proyecto, no los que guardo "por si un día los necesito".
Los organicé por flujo de trabajo, no por categoría genérica. Porque cuando estás armando una pantalla no piensas "necesito un plugin de la categoría imágenes" sino "necesito una foto aquí, ya". Si todavía no dominas lo básico de la herramienta, empieza por la guía de Figma para principiantes y vuelve a esta lista después. Vamos.
Antes de empezar: cómo se instala un plugin en 30 segundos
Todo plugin se instala igual y funciona en el plan gratuito de Figma sin excepción. En el editor abre el menú Resources (o pulsa Shift + I), entra a la pestaña Plugins, busca el nombre, dale Run para usarlo una vez o Save para guardarlo en tu lista. Una vez guardado lo vuelves a abrir con clic derecho sobre el lienzo → Plugins, o más rápido con la barra de acciones (Cmd/Ctrl + /) escribiendo su nombre.
Pequeña aclaración que confunde a todo el mundo: en Figma conviven plugins (añaden funciones en archivos de diseño), widgets (objetos interactivos para FigJam y pizarras) y apps (integraciones que viven fuera del lienzo). Aquí hablamos solo de plugins.
Contenido e imágenes
El 80% de tu tiempo en Figma lo pasas llenando frames con contenido. Fotos, textos, avatares. Si sigues arrastrando JPGs desde tu escritorio o copiando "Lorem ipsum dolor sit amet" a mano, estos tres plugins te van a cambiar la vida. Esta es, además, la respuesta directa a la pregunta de cuál es el mejor plugin de imágenes para Figma: Unsplash.
Unsplash
El clásico irremplazable. Seleccionas un rectángulo, abres el plugin, buscas "office" o "coffee" o lo que necesites, y la foto se inserta directo en el frame. Sin descargar, sin redimensionar, sin drama.
Es gratis, las fotos tienen licencia para uso comercial, y tiene la biblioteca más grande. Si solo pudieras instalar un plugin de imágenes, este sería.
Tip: busca en inglés. El catálogo es mucho más amplio que buscando en español.
Content Reel
Este es el plugin que separa los wireframes de principiante de los que parecen profesionales. Content Reel llena capas de texto con nombres reales, direcciones, teléfonos, títulos de artículos o cualquier tipo de datos dummy que necesites. También inserta avatares y fotos de perfil.
La diferencia con copiar y pegar el mismo "Juan Pérez" en todos lados: Content Reel genera variedad. Tu diseño se ve real porque el contenido se ve real. Puedes crear tus propias colecciones de datos, lo cual es oro cuando trabajas con un cliente que ya tiene sus propios textos definidos.
Lorem Ipsum
Sí, ya sé que Content Reel también genera texto. Pero a veces solo necesitas un párrafo rápido para probar cómo se ve una caja de texto con contenido largo. Lorem Ipsum hace exactamente eso: seleccionas una capa de texto y te llena con la cantidad de palabras o párrafos que elijas. Sin configuración, sin cuentas, sin nada. Es el plugin más aburrido de la lista y por eso funciona.
Estos cuatro juntos (Unsplash + Content Reel + Lorem Ipsum + Autoflow, que verás más abajo) son mi kit de wireframe rápido: con ellos armé un flujo de onboarding completo de cliente en unos 20 minutos, sin salir a buscar nada por fuera.
Iconos
Podrías vivir toda tu carrera usando solo un plugin de iconos. En serio. No necesitas cinco. Necesitas uno bueno y saber buscar.
Iconify
Más de 200,000 iconos de más de 150 colecciones diferentes. Material Design, Phosphor, Heroicons, Lucide, Tabler, Remix... todos en un solo lugar. Buscas, eliges el estilo, arrastras. Son SVG editables, así que puedes cambiar color, tamaño y grosor directo en Figma.
Es gratis. Completamente. Si solo vas a instalar un plugin de iconos, que sea este.
Phosphor Icons
Si Iconify es el supermercado, Phosphor es la tienda boutique. Una sola familia de iconos con 6 pesos distintos (thin, light, regular, bold, fill, duotone) y una consistencia visual impecable. Ideal cuando necesitas que todos los iconos de tu interfaz se vean como parte de la misma familia, porque literalmente lo son.
Material Symbols
El set de Google. Si diseñas para Android o para productos que siguen Material Design, este es el plugin oficial. Tiene la ventaja de que los iconos coinciden exactamente con lo que el desarrollador va a implementar, así que reduces fricciones en el handoff.
Esto es apenas el resumen de iconos. Si tu duda es específicamente cuál set conviene a tu proyecto, tengo una guía aparte solo de eso: la guía completa de los plugins de iconos que sí uso y los que desinstalé profundiza en cada familia, pesos y compatibilidad con dev mode.
Tipografía
La tipografía es donde más se nota la diferencia entre un diseño junior y uno senior. No es solo elegir una fuente bonita: es establecer una escala coherente y mantenerla consistente en todo el proyecto.
Typescale
Este plugin genera una escala tipográfica completa basada en una fuente base y una razón matemática. Eliges tu fuente, defines el tamaño base (generalmente 16px), seleccionas la proporción (Major Third, Perfect Fourth, etc.) y te genera todos los tamaños de heading, body y caption con su line-height correspondiente.
Es como tener un sistema tipográfico profesional en 10 segundos. La alternativa es calcular cada tamaño a mano con una calculadora... y nadie tiene tiempo para eso.
Better Font Picker
El selector de fuentes nativo de Figma es funcional, pero Better Font Picker te muestra una preview real de cada fuente mientras navegas la lista. Suena trivial hasta que llevas 15 minutos buscando una fuente sans-serif que "se sienta diferente" a Inter.
Si estás armando tu colección de fuentes, revisa el pack de fuentes gratis para diseñadores con licencias comerciales verificadas.
Color y accesibilidad
Esta es la sección que más gente se salta y la que más impacto tiene en la calidad real de tu diseño. Un botón bonito que nadie puede leer no sirve de nada.
Stark
El plugin de accesibilidad más completo para Figma. Verifica contraste de color (WCAG 2.1 AA y AAA), simula diferentes tipos de daltonismo, revisa el orden de foco para lectores de pantalla y genera reportes de accesibilidad que puedes compartir con el equipo de desarrollo.
La versión gratuita te da el verificador de contraste básico, que honestamente es lo que más vas a usar. La versión Pro cuesta alrededor de 5 USD/mes (unos $90 MXN al mes, antes de impuestos) y agrega simulación de visión, sugerencias automáticas de corrección y reportes exportables. Si trabajas en un equipo donde la accesibilidad es requisito (spoiler: debería serlo siempre), el Pro vale cada centavo.
Contrast
Si Stark te parece demasiado para lo que necesitas, Contrast es la versión minimalista. Seleccionas dos colores y te dice si pasan los criterios de WCAG. Sin reportes, sin simulaciones, sin nada extra. Solo el número y un pass/fail. Gratis.
A11y - Color Contrast Checker
Similar a Contrast pero con una interfaz un poco más detallada. Te muestra las ratios para texto normal, texto grande y elementos UI por separado. Útil cuando necesitas saber que tu botón pasa el contraste aunque tu texto de ayuda pequeño no lo haga.
Dato que pocos mencionan: puedes verificar el contraste manualmente sin ningún plugin usando la herramienta de inspección nativa de Figma, pero estos plugins lo hacen en lote para toda tu pantalla. Cuando tienes 40 pantallas, la diferencia es de horas.
Productividad
Estos son los plugins que no se ven glamurosos en ningún reel de TikTok, pero te ahorran horas de trabajo mecánico. Son los que más agradeces cuando llevas 6 horas en un proyecto y ya no quieres pensar. También aquí entran las formas para Figma: Blobs (formas orgánicas), Get Waves (olas SVG) y Mesh Gradients viven en este cajón cuando necesitas decorar un fondo sin dibujar a mano.
Autoflow
Conecta frames con flechas de flujo en un clic. Seleccionas dos frames, ejecutas el plugin y aparece una flecha limpia con curvas automáticas. Para wireframes de flujo de usuario, diagramas de navegación y cualquier cosa que necesite mostrar "de aquí va para acá", Autoflow es indispensable.
Gratis. Sin límites. Funciona. Fin.
Clean Document
El Marie Kondo de Figma. Este plugin limpia tu archivo eliminando estilos no usados, capas ocultas, grupos vacíos y componentes huérfanos. Cuando heredas un archivo de otro diseñador (o de tu yo de hace 6 meses, que es básicamente otro diseñador), Clean Document es lo primero que ejecutas.
No borra nada sin tu permiso: te muestra un resumen de lo que encontró y tú decides qué limpiar. Gratis y esencial.
Batch Styler
Cambiar el color de todos los textos de un estilo específico. Modificar el peso de todas las fuentes body. Actualizar el border-radius de todos los botones de golpe. Batch Styler aplica cambios masivos a estilos locales y componentes sin tener que ir uno por uno.
Cuando tu cliente te dice "oye, ¿podemos probar todo en azul en vez de verde?", este plugin convierte una pesadilla de 2 horas en un cambio de 30 segundos.
Tokens Studio (ex Figma Tokens)
Si trabajas con design systems, Tokens Studio es probablemente el plugin más poderoso de esta lista. Define design tokens (colores, espaciados, tipografía, sombras) y sincronízalos con tu código vía JSON, GitHub o GitLab. Soporta temas múltiples (light/dark) y tokens semánticos.
La curva de aprendizaje es real. No es un plugin que instalas y usas en 5 minutos. Pero cuando lo dominas, la consistencia entre diseño y código pasa de "buena intención" a "garantía". El plan gratuito alcanza para un proyecto; el Pro ronda los 8 USD/mes (unos $145 MXN).
Plugins de IA para Figma
La sección que nadie cubre bien en español. Los plugins de IA para Figma explotaron en los últimos dos años y la verdad es que la mayoría todavía son más promesa que producto. Pero algunos ya son genuinamente útiles. Aquí va el panorama honesto.
Magician
El navaja suiza de IA dentro de Figma. Genera textos con IA (adiós al lorem ipsum genérico), crea iconos a partir de descripciones, genera imágenes y hasta sugiere diseños de interfaz. Todo sin salir de Figma.
El plan gratuito te da usos limitados por día. El Pro cuesta alrededor de 5 USD/mes (unos $90 MXN). Para lo que hace, es bastante razonable. El generador de texto es lo que más uso: le dices "escribe un título para una app de finanzas" y te da opciones que suenan a copia real, no a placeholder.
Veredicto: genuinamente útil para contenido y exploración rápida. No reemplaza a un copywriter, pero elimina el "no sé qué escribir aquí" que paraliza el diseño.
Diagram (Genius)
Genera interfaces completas a partir de prompts de texto. Le describes la pantalla que necesitas y te entrega un diseño editable. Los resultados varían: a veces te da algo sorprendentemente bueno, a veces es un punto de partida mediocre que necesita bastante trabajo.
Es más útil para exploración rápida que para producción directa. Cuando necesitas probar 10 variaciones de un onboarding y no tienes 3 horas, Diagram te da prototipos rough en minutos que luego refinas.
Veredicto: interesante para ideación, no lo confíes para entrega final. Piénsalo como un boceto rápido, no como diseño terminado.
Builder.io (Figma to Code)
No es IA generativa en el sentido de "crear diseños de la nada", pero usa IA para convertir tus diseños de Figma en código React, Vue, Svelte, Angular o HTML/CSS limpio. La conversión no es perfecta (ninguna lo es), pero para prototipos funcionales y landing pages sencillas, reduce dramáticamente el tiempo entre diseño y código.
Veredicto: el más práctico de los tres si tu dolor es el handoff a desarrollo. Funciona mejor con diseños simples y bien estructurados.
Wireframe Designer (AI)
Genera wireframes low-fidelity a partir de descripciones. Todavía en beta, pero la idea es sólida: le dices "pantalla de login con opción social y recuperar contraseña" y te arma un wireframe base. Gratis mientras está en beta.
Figma AI nativo y Galileo AI
Figma ha integrado funciones de IA directamente en la herramienta: renombrado automático de capas, generación de prototipos, sugerencias de Auto Layout y búsqueda visual. Algunas de estas funciones hacen que ciertos plugins se vuelvan redundantes. Antes de instalar un plugin de IA, revisa si Figma ya no lo hace de forma nativa en tu plan. Galileo AI, que vivió en waitlist durante 2024, quedó en buena parte absorbido por estas capacidades nativas; no corras a anotarte en listas de espera para algo que quizá ya tengas integrado.
Mi opinión general sobre IA en Figma: son herramientas de aceleración, no de reemplazo. Ningún plugin de IA va a hacer tu trabajo por ti, pero los buenos te quitan las tareas repetitivas y te dan más tiempo para las decisiones que realmente importan. Usa Magician para contenido, Builder.io para handoff y no esperes magia del resto todavía. Si lo tuyo es más vector e impresión que UI, considera que el tutorial de Affinity Designer en español te muestra cómo hacer gradientes mesh nativos sin necesidad de plugin alguno.
Exportar y handoff
El momento de entregar tu diseño. Ya sea un mockup para que el cliente lo apruebe o las specs para que desarrollo lo construya, estos plugins hacen que la transición sea menos dolorosa para todos.
TinyImage Compressor
Comprime las imágenes exportadas sin pérdida visible de calidad. Si exportas assets para web, este plugin puede reducir el peso de tus PNGs y JPGs entre un 40% y un 70%. La versión gratuita tiene un límite de imágenes por mes; la Pro (unos 7 USD/mes, ~$126 MXN) es ilimitada.
La alternativa gratuita es usar TinyPNG desde el navegador, pero hacerlo desde Figma directamente ahorra el paso de subir y descargar.
RemoveBG
Elimina fondos de imágenes directamente en Figma. Los resultados son consistentemente buenos con fotos de personas y productos. Funciona con créditos: la versión gratuita te da unos cuantos; después necesitas comprar packs (alrededor de 10 USD, ~$180 MXN).
Si solo necesitas quitar fondos de vez en cuando, la alternativa web gratuita Photoroom hace lo mismo sin instalar nada.
Mockup Plugin
Inserta tu diseño dentro de mockups de dispositivos: iPhones, MacBooks, iPads, pantallas de Android. Seleccionas tu frame, eliges el dispositivo y el plugin hace la perspectiva y la inserción automática. Es la diferencia entre presentar un rectángulo plano y presentar algo que el cliente puede visualizar en contexto. Así es como entrego mockups a cliente para que se enamoren del diseño antes de hablar de precio.
La versión gratuita incluye los dispositivos más populares. La Pro (unos 5 USD/mes, ~$90 MXN) abre el catálogo completo con escenas lifestyle y ángulos creativos. Una alternativa con más escenas es Mockuuups Studio, pero su Pro es más caro (alrededor de 14 USD/mes, ~$252 MXN); para uso ocasional, Smartmockups desde el navegador es gratis.
html.to.design
Convierte cualquier página web en un diseño de Figma editable. Pegas la URL, el plugin la renderiza y te entrega capas, estilos y componentes. No es 100% perfecto, pero para auditorías de diseño, rediseños o simplemente como referencia visual, es increíblemente útil.
La versión gratuita permite unas conversiones por mes. El Pro (unos 9 USD/mes, ~$162 MXN) amplía el límite y mejora la fidelidad de la conversión.
Tabla de precios: gratis vs pro
La pregunta que todo el mundo se hace: ¿hay que pagar? La respuesta corta: la mayoría de los plugins esenciales son completamente gratis. Los que tienen versión de pago generalmente ofrecen suficiente en su tier gratuito para que un diseñador junior o freelance trabaje sin limitaciones serias. Los precios en MXN son aproximados (USD × ~18, sin IVA) y pueden cambiar; verifica siempre en la página oficial del plugin antes de pagar.
| Plugin | Categoría | Plan gratis | Pro (USD/mes) | Pro (MXN aprox.) | Alternativa gratuita |
|---|---|---|---|---|---|
| Unsplash | Imágenes | 100% gratis | -- | -- | -- |
| Content Reel | Contenido | 100% gratis | -- | -- | -- |
| Lorem Ipsum | Texto | 100% gratis | -- | -- | Content Reel |
| Iconify | Iconos | 100% gratis | -- | -- | -- |
| Phosphor Icons | Iconos | 100% gratis | -- | -- | Iconify |
| Material Symbols | Iconos | 100% gratis | -- | -- | Iconify |
| Typescale | Tipografía | 100% gratis | -- | -- | -- |
| Better Font Picker | Tipografía | 100% gratis | -- | -- | -- |
| Stark | Accesibilidad | Contraste básico | ~$5 | ~$90 | Contrast (plugin gratis) |
| Contrast | Accesibilidad | 100% gratis | -- | -- | -- |
| A11y Checker | Accesibilidad | 100% gratis | -- | -- | Contrast |
| Autoflow | Productividad | 100% gratis | -- | -- | -- |
| Clean Document | Productividad | 100% gratis | -- | -- | -- |
| Batch Styler | Productividad | 100% gratis | -- | -- | -- |
| Tokens Studio | Design System | Funciones básicas | ~$8 | ~$145 | Variables nativas de Figma |
| Magician | IA | Usos limitados/día | ~$5 | ~$90 | Figma AI nativo |
| Builder.io | IA / Handoff | Exportaciones limitadas | Variable | Variable | Exportar CSS manual |
| TinyImage Compressor | Export | Límite mensual | ~$7 | ~$126 | TinyPNG (web) |
| RemoveBG | Export | Créditos iniciales | ~$10 créditos | ~$180 | Photoroom (web) |
| Mockup Plugin | Export | Dispositivos básicos | ~$5 | ~$90 | Smartmockups (web) |
Entonces, ¿cuándo vale la pena pagar?
- Stark Pro: si trabajas en un equipo donde la accesibilidad es un requisito formal (gobierno, fintech, salud). Los reportes exportables justifican el costo.
- Tokens Studio Pro: si manejas design systems con múltiples temas y necesitas sincronizar con repositorios de código. Para un solo proyecto, el plan gratuito alcanza.
- Mockup Plugin / Mockuuups Pro: si presentas mockups a clientes frecuentemente y necesitas variedad de escenas. Si es ocasional, los dispositivos gratuitos son más que suficientes.
- Magician Pro: si generas contenido y variaciones constantemente. Si solo lo usas para un texto de vez en cuando, el plan gratuito es suficiente.
Para todo lo demás, la versión gratuita es más que suficiente. Los mejores plugins de esta lista (Unsplash, Iconify, Content Reel, Autoflow, Clean Document) son completamente gratis sin límites. No necesitas gastar un peso para tener un setup profesional. Si quieres más cosas gratis, revisa el hub completo de recursos gratis para diseño gráfico.
Stack de plugins según tu tipo de proyecto
No instales los 20 de golpe. Arma tu set según lo que haces:
| Tipo de proyecto | Plugins esenciales |
|---|---|
| Landing de marketing | Unsplash, Iconify, Mesh Gradients, Mockup Plugin, RemoveBG |
| App SaaS (UI) | Iconify, Content Reel, Tokens Studio, Batch Styler, Stark |
| App móvil | Iconify, Content Reel, Mockup Plugin, Autoflow |
| Pitch deck / presentación | Unsplash, Iconify, TinyImage Compressor |
| Wireframe rápido para cliente | Wireframe Designer (AI), Autoflow, Lorem Ipsum, Content Reel |
Plugins que ya no recomiendo en 2026
Una lista honesta de plugins que mucha gente todavía menciona pero que yo ya desinstalé o que simplemente no valen la instalación:
- Plugins de Auto Layout y alineación de terceros: el Auto Layout nativo (versión 5+) ya hace todo lo que prometían. Borrar.
- Tokens básicos hechos a mano: las Variables y modos nativos de Figma cubren buena parte de lo que antes necesitabas con plugins. Solo escala a Tokens Studio si de verdad sincronizas con código.
- Plugins de specs y medidas para handoff: el Dev Mode integrado reemplazó a casi todos. EightShapes Specs sigue teniendo sentido solo si documentas design systems grandes.
- Plugins sin actualizar desde 2022: si en la Figma Community su último update es de hace años, asume que está muerto y busca un reemplazo activo. Figma además retira periódicamente plugins que violan su API o que detecta como riesgo de privacidad.
- Herramientas que duplican features nativas: renombrado de capas, búsqueda visual y sugerencias de layout ya vienen en Figma AI. Antes de instalar, revisa si tu plan ya lo trae.
Si vienes de Illustrator y extrañas algún plugin equivalente, la comparativa de Affinity vs Adobe Creative Cloud te ayuda a ubicar qué herramienta cubre cada necesidad fuera de Figma.
Cómo gestionar plugins sin que tu Figma se vuelva lento
- Atajo de oro: abre cualquier plugin guardado desde la barra de acciones con
Cmd/Ctrl+/y escribiendo su nombre. Más rápido que ir al menú. - Limpia de vez en cuando: en
Resources→ pestaña Plugins, quita los que no usaste en el último mes. Menos lista, menos ruido. - Cuántos son demasiados: los plugins no corren en segundo plano, así que tener muchos guardados no ralentiza tu archivo; lo que pesa es ejecutarlos sobre cientos de capas. Si uno tarda, redúcelo a la selección que necesitas.
- Privacidad: algunos plugins envían tu contenido a servidores externos para procesarlo (los de IA y los que llaman a APIs). Revisa los permisos que pide cada uno y evita correrlos sobre material confidencial de cliente.
Tu stack mínimo viable
Si acabas de empezar con Figma y todo esto te parece demasiado, instala estos 5 y olvídate del resto por ahora:
- Unsplash para fotos.
- Iconify para iconos.
- Content Reel para datos realistas.
- Autoflow para diagramas de flujo.
- Stark (gratis) para verificar contraste.
Con esos cinco cubres el 90% de lo que necesitas en cualquier proyecto. Todos gratis, todos estables, todos actualizados. El resto lo vas sumando conforme tu flujo de trabajo lo pida. Si todavía estás aprendiendo la herramienta, empieza por la guía de Figma para principiantes; cuando quieras profundizar en iconos, ve a la guía de plugins de iconos; y para más herramientas gratuitas, el hub de recursos gratis es tu siguiente parada.
Última actualización: junio 2026. Reviso esta lista cada seis meses porque los plugins (y sus precios) cambian seguido. Si encuentras alguno discontinuado, avísame.