Te presentamos al agente de diseño de Figma


Desde hoy, puedes trabajar directamente en el lienzo con un agente creado para Figma.
Compartir Te presentamos al agente de diseño de Figma
Los diseñadores necesitan herramientas diseñadas específicamente para cubrir lo esencial: exploración, experimentación, colaboración y precisión. Figma nació como un lienzo multiusuario pensado para hacer posible todo eso. A medida que los equipos adoptan herramientas agénticas para crear productos más rápido, surgen falsas disyuntivas: ¿velocidad o precisión? ¿Generación con IA o control directo? No deberías tener que elegir.
A principios de este año, abrimos el lienzo de Figma a agentes de terceros para que pudieras integrar el conocimiento de sistemas de diseño en tus flujos de trabajo agénticos. Ahora vamos un paso más allá, con un agente de Figma disponible directamente en el lienzo y en la barra lateral izquierda.
Por eso creamos el agente de Figma. Nuestro objetivo era crear un agente experto en Figma y adaptado de forma nativa a la manera en que trabajan los equipos. Eso implicó hacer que Figma pudiera ser interpretado por un modelo de formas que no son posibles con herramientas de terceros, con un contexto profundo sobre tus componentes, tokens, estándares y buenas prácticas.
¿Cómo trabajan juntos el agente de Figma y el servidor MCP?
Usa el agente de Figma cuando trabajes en el lienzo: ya viene integrado y cuenta con contexto adicional sobre tu sistema de diseño. Usa el servidor MCP y use_figma para incorporar código en el lienzo o trasladar diseños nuevamente al código.
El resultado es un agente de diseño dedicado que trabaja a tu lado en el lienzo, dentro del mismo archivo que tu equipo, como un verdadero colaborador. Está optimizado para editar archivos de Figma, por lo que los resultados se adaptan a tu contexto de diseño y están pensados para la manipulación directa, para que mantengas el control. A diferencia del servidor MCP, el agente vive directamente en el lienzo, sin configuraciones adicionales ni cambios de contexto, para que puedas hacer fácilmente lo siguiente:
- Iniciar una solicitud desde cualquier capa de diseño.
- Usar indicaciones en paralelo para desarrollar múltiples ideas a la vez.
- Hacer ediciones e iteraciones mientras el agente también itera.
Ya sea para explorar nuevas direcciones, realizar ediciones masivas o implementar feedback, así es como el agente de Figma se integrará en tu flujo de trabajo de diseño hoy.
Explora más opciones
Los mejores diseños rara vez provienen de la primera idea o de la primera indicación. Explorar opciones, comparar enfoques e iterar ya es fundamental para la forma en que trabajan los diseñadores. Nuestro agente te ayudará a hacer más en menos tiempo.
¿Cómo se integran Figma Make y el agente de Figma en tu flujo de trabajo?
Puedes comenzar en Figma Design con nuestro agente para generar capas de diseño que definan la intención a través de flujos, estados, textos y estructura. Luego, envíalo a Make para generar capas de código que definan el comportamiento. Por último, insértalo de nuevo en Figma Design.
O bien, puedes comenzar en Figma Make, copiar los marcos a Figma Design, iterar con nuestro agente y enviar de vuelta a Make.
Puedes ampliar el panorama: genera rápidamente enfoques estilísticos distintos para el mismo problema y explora muchas opciones a la vez. Compara múltiples flujos de pago optimizados para diferentes objetivos comerciales. Pídele al agente tres arquitecturas de información diferentes.
O profundiza una de las opciones: elige una opción y pídele al agente que itere, compare implementaciones y replantee diseños existentes, siempre alineado con tu sistema de diseño. El agente utiliza como punto de partida los componentes que usas con más frecuencia y recientemente usados, aunque también puedes orientar los resultados seleccionando una biblioteca específica y mencionando con @ tokens, variables y componentes concretos para dirigirlo exactamente hacia lo que necesitas. Piénsalo como un comando clave para tu sistema de diseño.
A medida que la IA facilita la generación de diseños, el riesgo pasa a ser terminar publicando algo promedio. Nuestro agente está diseñado específicamente para ayudarte a explorar más opciones, para que puedas elegir la correcta. Y una vez que la encuentres, trabajar de forma práctica suele ser más rápido, más natural y más eficiente en el uso de tokens que llegar al resultado ideal únicamente mediante indicaciones. También puedes crear simultáneamente con tu equipo en el mismo espacio de trabajo, sin perder el contexto.
Reutiliza estilos y genera pantallas que usen tus sistemas de diseño:
Automatiza el trabajo tedioso
El flujo no tiene que detenerse en el lienzo:
Con el servidor MCP de Figma el trabajo puede moverse entre el código y Figma sin perder fidelidad. Empieza con el código, llévalo a Figma con nuestra capacidad de código a lienzo para iterar o aplicar tu sistema de diseño, luego envíalo de vuelta a través del servidor MCP de Figma, manteniendo todo sincronizado. Nuestro agente se integra en ese intercambio, ayudando a mantener el ritmo de trabajo entre herramientas.
Cuando el agente de Figma trabaja a tu lado en el lienzo, no solo trabajas más rápido: también puedes alternar fácilmente entre la asistencia de IA y la edición manual. Esto facilita resolver tareas tediosas que aún requieren contexto y precisión. ¿No sería ideal no tener que renombrar variables manualmente para mantener la consistencia, reemplazar el mismo componente en múltiples pantallas, repetir un cambio de padding en todo un flujo o completar una gran cantidad de marcos con contenido realista? Para eso existe el agente. Se encarga de las tareas que normalmente ralentizan tu trabajo al automatizar ediciones masivas, aplicar sistemas de diseño y completar diseños con contenido realista a escala.
Habla con Figma para actualizar la tipografía en todo un archivo, reemplazar texto lorem ipsum e imágenes de una cuadrícula, configurar todos los componentes de chips en estado activo o convertir tus pantallas a modo oscuro sin tener que ajustar manualmente rellenos y contraste. Y si mantienes un sistema de diseño, el agente se convierte en un aliado particularmente poderoso. Úsalo para actualizar en masa descripciones, etiquetas y casos de uso en todas las bibliotecas, estandarizar convenciones de nomenclatura, documentar componentes con todos sus estados y variantes, y mejorar la calidad compartiendo ejemplos del trabajo de tu equipo.
Realiza ediciones precisas en masa y documenta tu sistema de diseño:
Haz más con feedback
El trabajo de diseño acumula feedback que suele estar disperso entre comentarios y archivos: desde notas de revisión y reacciones de las partes interesadas hasta preguntas abiertas. Nuestro agente te ayuda a convertir ese feedback en acción.
Debido a que todo tu equipo trabaja en el mismo archivo, el agente ya cuenta con ese contexto, por lo que pedirle que procese feedback se siente menos como poner al día a un nuevo colaborador y más como pensar en voz alta con alguien que ya está en la sala.
Pídele a Figma que resuma feedback, identifique patrones y transforme aportes en próximos pasos. También puedes utilizarlo para poner a prueba diseños desde diferentes perspectivas. ¿Te preguntas cómo reaccionaría un VP centrado en los ingresos? Nuestro agente puede modelar esa perspectiva. ¿Estás revisando un hilo largo de comentarios? El agente puede condensar todo el intercambio en un plan de acción. ¿Necesitas ordenar ideas antes de una revisión? Usa nuestro agente para afinar tu dirección antes de compartirla con tu equipo.
Recibe, organiza y aplica feedback en tiempo real:
El agente de Figma está insertado donde el trabajo ya sucede. Sin fricción por cambiar de herramienta, sin cambios de contexto y sin curva de aprendizaje. Tú sigues trabajando en Figma y tu equipo se mantiene al tanto. Creamos esto con un solo objetivo: ayudarte a trabajar más rápido sin comprometer la calidad ni el nivel de detalle.
En los próximos meses, nos enfocaremos en mejorar la compatibilidad con sistemas de diseño, perfeccionar la experiencia de usuario, ampliar la capacidad del agente para buscar en tus archivos y agregar nuevas formas de personalización. Esto recién empieza.
El agente de Figma se implementará gradualmente en versión beta durante las próximas semanas. Durante la versión beta, el agente no consumirá créditos. Los créditos de IA se aplicarán cuando esté disponible de forma general. Regístrate aquí para solicitar acceso anticipado. Si cumples con los requisitos y eres seleccionado para la versión beta, te enviaremos un correo electrónico una vez que tengas acceso. Unirse a la lista no garantiza el acceso. El agente estará disponible para los usuarios con puesto Full de los planes Profesional, Organización y Empresa. Los puestos Collab y Dev pueden usar el agente en borradores. Los planes Iniciales, Educación y Gobierno no están incluidos. Obtén más información en nuestro centro de ayuda.



