Figma presenta su agente de diseño

• Se lanzó un agente de diseño exclusivo de Figma que funciona directamente sobre el canvas, ofreciendo un entorno donde los diseñadores pueden alternar entre colaboración con IA y manipulación directa sin cambiar de herramienta
• Está afinado para comprender en profundidad el contexto del sistema de diseño, como componentes, tokens, estándares y mejores prácticas, y así generar resultados optimizados para editar archivos de Figma
• Se puede iniciar un prompt desde cualquier capa de diseño, explorar varias ideas al mismo tiempo con parallel prompt, y tanto el agente como el usuario pueden editar simultáneamente
• Puede usarse para automatizar tareas repetitivas (busywork) como cambios masivos de variables, reemplazo de componentes, cambio a modo oscuro o sustitución de texto lorem ipsum
• Se lanzará gradualmente en beta durante las próximas semanas; durante la beta no consumirá créditos y estará disponible para usuarios con Full seat en los planes Professional, Organization y Enterprise

---

Contexto del lanzamiento y posicionamiento

• Los elementos clave que necesitan los diseñadores son exploración, experimentación, colaboración y precisión, y Figma fue diseñado como un canvas multijugador para hacerlo posible
• A medida que los equipos adoptan herramientas con agentes, han surgido falsas dicotomías (false choices) como "velocidad vs. precisión" o "generación con IA vs. manipulación directa", pero la postura de Figma es que no hace falta elegir solo una
• Tras abrir a inicios de este año el canvas de Figma a agentes de terceros, ahora lanza el agente de Figma integrado directamente en el canvas y en la barra lateral izquierda (left rail)
• El objetivo es crear un agente experto en Figma y nativo a la forma de trabajar de los equipos, haciendo que el propio Figma sea legible para el modelo a un nivel que las herramientas de terceros no pueden lograr

Agente de Figma vs. servidor MCP

• Agente de Figma

  • Se usa al trabajar en el canvas, está integrado y cuenta con contexto adicional sobre el sistema de diseño
  • Permanece en el canvas sin configuración aparte ni cambios de contexto

• Servidor MCP

  • Se usa para traer código al canvas (pull) o volver a exportar el diseño a código (push)
  • Junto con use_figma, se encarga del flujo de trabajo entre código y canvas

Cómo funciona

• Opera al lado del canvas como un verdadero colaborador (true collaborator) que trabaja en el mismo archivo junto con el equipo
• Está afinado para la edición de archivos de Figma, genera resultados acordes al contexto de diseño y está diseñado para permitir manipulación directa, de modo que el usuario conserve el control
• A diferencia del servidor MCP, vive directamente en el canvas, por lo que no requiere configuración adicional ni cambios de contexto
  • Se puede iniciar un prompt desde cualquier capa de diseño
  • Admite parallel prompting para desarrollar varias ideas al mismo tiempo
  • Mientras el agente trabaja, el usuario también puede editar y seguir iterando en paralelo

Explorar más direcciones (Explore more directions)

• Los mejores diseños no suelen salir de la primera idea ni del primer prompt; explorar direcciones, comparar enfoques e iterar es parte central del diseño

• Ir en amplitud (Go wide)

  • Generar rápidamente distintos enfoques estilísticos para un mismo problema
  • Comparar varios flujos de checkout optimizados para diferentes objetivos de negocio
  • Pedir tres arquitecturas de información distintas

• Ir en profundidad (Go deep)

  • Elegir una dirección e iterarla, comparar implementaciones y revisar diseños existentes manteniendo la coherencia con el sistema de diseño
  • Usar como punto de partida los componentes más usados y más recientes
  • Es posible elegir una biblioteca específica y controlar la dirección del resultado indicando tokens, variables o componentes con menciones @, como una especie de atajo del sistema de diseño

• Integración con Figma Make

  • Crear capas de diseño con el agente en Figma Design para aclarar la intención del flujo, los estados, el copy y la estructura → enviarlo a Make para generar capas de código → volver a incrustarlo en Figma Design
  • O empezar en Figma Make → copiar el frame a Figma Design → iterar con el agente → volver a enviarlo a Make
• Cuanto más fácil sea generar diseño con IA, mayor será el riesgo de lanzar resultados mediocres, y el agente está diseñado para explorar más direcciones y ayudar a elegir la correcta
• Una vez definida la dirección, muchas veces trabajar directamente a mano es más rápido, más natural y más eficiente en tokens (token efficient)

Automatizar tareas repetitivas (Automate busywork)

• Como el agente trabaja junto al usuario en el canvas, es posible alternar libremente entre asistencia con IA y manipulación directa
• Automatiza tareas tediosas que requieren contexto y precisión
  • Cambiar nombres de variables en lote para mantener consistencia
  • Reemplazar un mismo componente en múltiples pantallas
  • Aplicar de forma repetida cambios de padding en todo un flujo
  • Llenar múltiples frames con contenido realista

• Ejemplos concretos de uso

  • Actualizar la tipografía en todo el archivo
  • Reemplazar textos lorem ipsum e imágenes en toda una cuadrícula
  • Configurar todos los componentes chip en estado active
  • Cambiar pantallas a modo oscuro sin ajustar manualmente el fill ni el contraste

• Especialmente útil para quienes gestionan sistemas de diseño

  • Actualizar en lote descripciones, etiquetas y casos de uso en toda la biblioteca
  • Estandarizar convenciones de nombres
  • Documentar componentes con todos sus estados y variantes
  • Compartir ejemplos del trabajo del equipo como guía de calidad

• Handoff con el servidor MCP de Figma

  • El trabajo entre código y Figma se mueve sin perder fidelidad
  • Empezar desde código → traerlo a Figma con la función code-to-canvas para iterar o aplicar el sistema de diseño → reenviarlo al servidor MCP, manteniendo todo sincronizado

Aprovechar mejor el feedback (Do more with feedback)

• En el trabajo de diseño se acumulan comentarios y feedback dispersos por todo el archivo, como notas de crítica, reacciones de stakeholders y preguntas sin resolver
• Como todo el equipo trabaja en el mismo archivo, el agente ya tiene ese contexto; en vez de ponerse al día con un nuevo colaborador, se siente como ordenar ideas con alguien que ya está en la misma sala

• Formas de uso

  • Resumir feedback, identificar temas y convertir aportes en próximos pasos
  • Hacer pressure testing del diseño desde distintas perspectivas, por ejemplo modelando la reacción de un VP enfocado en ingresos
  • Organizar hilos largos de comentarios en un plan accionable
  • Aclarar ideas antes de una crítica (crit) para afinar la dirección

Hoja de ruta y condiciones de lanzamiento

• En los próximos meses se enfocarán en mejorar el soporte para sistemas de diseño, mejorar la UX, ampliar la búsqueda en archivos completos y añadir más formas de personalización

• Condiciones de la beta

  • Despliegue beta gradual durante las próximas semanas
  • Durante la beta no consumirá créditos; en la disponibilidad general (GA) sí se aplicarán créditos de IA
  • Es posible registrarse en la lista de espera, aunque eso no garantiza acceso

• Planes compatibles

  • Disponible para usuarios con Full seat en los planes Professional, Organization y Enterprise
  • Los asientos Collab y Dev pueden usar el agente en drafts
  • Los planes Starter, Education y Government quedan excluidos