Así funciona el agente de diseño con IA de Figma dentro del lienzo colaborativo

Figma ha presentado un agente de diseño con inteligencia artificial integrado directamente en su lienzo colaborativo, una función que permite generar, modificar y automatizar trabajo de interfaz usando instrucciones en lenguaje natural. A diferencia de muchos generadores externos, este agente trabaja dentro del propio archivo de Figma, entendiendo componentes, variables, layouts y el sistema de diseño del equipo.

La idea detrás de la función es introducir un flujo de trabajo más “agéntico”: la IA deja de ser una herramienta externa y pasa a actuar como otro participante dentro del espacio de trabajo de diseño.

Cómo funciona el agente de diseño de Figma

El agente vive dentro de la interfaz de Figma Design y opera directamente sobre el canvas. Un diseñador puede escribir instrucciones como “crea un dashboard de analítica” o “convierte esta pantalla a modo oscuro”, y el agente generará o editará frames y componentes dentro del archivo existente.

Algunos elementos clave de su funcionamiento:

• Operación nativa en el canvas: en lugar de exportar assets o generar archivos externos, el agente modifica directamente los elementos del diseño.
• Comprensión del sistema de diseño: utiliza componentes, variables y patrones del proyecto para que las interfaces generadas respeten las reglas del producto.
• Contexto del archivo: puede analizar capas, estructuras de layout y otros elementos que ya estén presentes en el proyecto.
• Trabajo en entorno colaborativo: funciona dentro del canvas compartido donde varios diseñadores pueden editar simultáneamente.

Figma también ha mostrado que varios agentes pueden ejecutarse al mismo tiempo en el mismo archivo, reforzando la idea de que la IA actúe como colaborador en el proceso creativo.

Qué se puede hacer con lenguaje natural

El atractivo principal es que muchas acciones de diseño pueden describirse con frases simples, y el agente ejecuta esas instrucciones directamente sobre el layout.

Generar pantallas y nuevas direcciones de diseño

Los diseñadores pueden pedir al agente que cree pantallas completas de producto, como paneles de control, flujos de onboarding o páginas de configuración. Estas interfaces se generan utilizando los componentes y el sistema de diseño ya definidos en el proyecto.

Crear variaciones o explorar estilos

A partir de un diseño existente, el agente puede proponer variaciones visuales o nuevas direcciones de estilo, lo que ayuda a explorar ideas más rápido.

Ejemplos habituales:

• Variantes visuales de un mismo layout
• Conversión automática a modo oscuro
• Nuevas exploraciones de estilo manteniendo la estructura

Editar diseños con instrucciones en texto

En lugar de modificar manualmente cada capa, el diseñador puede pedir cambios como:

• reorganizar el layout
• reemplazar componentes
• actualizar textos o imágenes
• ajustar espaciados y jerarquías visuales

Estos cambios se aplican directamente en el archivo activo de Figma.

Automatizar trabajo repetitivo

Otra ventaja es eliminar tareas mecánicas que suelen consumir tiempo.

El agente puede, por ejemplo:

• aplicar componentes o variables en múltiples frames
• realizar ediciones masivas en muchas capas
• rellenar diseños con textos o imágenes realistas

Figma describe este enfoque como una forma de reducir el “busywork”, es decir, tareas de producción repetitivas.

Resumir comentarios y feedback

En proyectos grandes suele acumularse una gran cantidad de comentarios de revisión. El agente puede analizar y resumir ese feedback, ayudando a identificar rápidamente los principales problemas señalados por el equipo o los stakeholders.

Integración con el canvas colaborativo de Figma

Figma fue concebido desde el principio como un canvas multiplayer, donde varios usuarios trabajan en el mismo archivo en tiempo real. El agente de IA está diseñado para funcionar dentro de ese mismo entorno.

Eso significa que sus acciones ocurren junto a:

• edición colaborativa en tiempo real
• comentarios y revisiones
• historial de versiones

En la práctica, el agente funciona como otro participante del espacio de trabajo, capaz de generar pantallas, modificar layouts y responder a prompts mientras otros miembros del equipo siguen trabajando en el mismo archivo.

Relación con las integraciones de IA previas

Antes de lanzar su propio agente nativo, Figma ya había empezado a abrir su plataforma a herramientas externas basadas en IA.

Mediante su servidor MCP y herramientas de agentes, entornos como Claude Code o Codex podían leer y escribir directamente en archivos de Figma, permitiendo generar o modificar diseños desde herramientas externas.

El nuevo agente nativo se construye sobre esa base:

• Primera fase: agentes externos podían acceder al canvas
• Nueva fase: Figma ofrece un agente propio integrado directamente en el producto

Esto reduce la necesidad de plugins o flujos de trabajo externos para usar IA dentro del diseño.

Cómo se posiciona frente a Adobe y Canva

La introducción de agentes creativos forma parte de una carrera más amplia en la industria del diseño para integrar IA en los flujos de trabajo creativos.

Cada plataforma está tomando una dirección distinta:

Figma

• centrado en diseño de producto y UI/UX
• fuerte integración con sistemas de diseño y bibliotecas de componentes
• colaboración dentro de archivos compartidos

Adobe

• su asistente Firefly funciona como agente creativo transversal que coordina flujos de trabajo entre múltiples aplicaciones de Creative Cloud, incluyendo imagen, video y otros medios.

Canva

• posiciona Canva AI como un asistente creativo generalista, orientado a generar gráficos, contenido y plantillas de marketing a partir de prompts.

En resumen, Figma busca dominar el terreno del diseño de productos digitales, mientras Adobe y Canva apuntan a flujos creativos más amplios o al contenido de marketing.

Disponibilidad y precios en beta

El agente de diseño de Figma se lanzó en beta cerrada el 20 de mayo de 2026.

Detalles actuales del lanzamiento:

• Disponible inicialmente para un número limitado de usuarios.
• Incluido en los planes Professional, Organization y Enterprise.
• Los usuarios con licencia completa pueden acceder al agente dentro de archivos de Figma Design.
• El despliegue se está ampliando gradualmente.

Durante el periodo de pruebas, la herramienta no consume créditos de IA, por lo que es gratuita mientras dure la beta.

Figma ha señalado que en el futuro podría adoptar un modelo de precios basado en uso, aunque todavía no se ha anunciado el coste definitivo para la versión general.

Por qué puede cambiar el flujo de trabajo de diseño

El cambio más importante no es solo la función en sí, sino dónde ocurre la inteligencia artificial dentro del proceso.

En lugar de generar diseños fuera de la herramienta y luego importarlos, el agente trabaja directamente en el espacio donde los equipos ya diseñan y colaboran.

Si esta tecnología sigue mejorando, podría transformar la forma en que los equipos de producto iteran interfaces: los diseñadores describen la intención y la IA se encarga de gran parte de la ejecución técnica, manteniéndose dentro del sistema de diseño existente.

En ese escenario, el canvas de Figma deja de ser solo una herramienta de diseño y se convierte en un espacio compartido donde humanos y agentes de IA diseñan juntos en tiempo real.