
Conecta tu biblioteca de diseño
Dirige al agente a tu biblioteca de diseño para que cada uno de los botones utilicen tus componentes, tokens y variables, listos para producción, y no los marcadores.
Saltar hasta el contenido principal
Crea variantes de botones, explora estilos y crea bibliotecas de componentes con IA, directamente en Figma Design. Usa tus propios tokens y componentes reales, no una IU de marcador que necesite volver a crearse.
Genera botones listos para producción en tu lienzo utilizando los componentes, tokens y estilos que ya usa tu equipo.

El agente de Figma crea botones utilizando tus componentes reales, tokens de color y estilos tipográficos. Todas las variantes coinciden con tu sistema desde el comienzo, sin una IU sustitutiva que crear de nuevo o que tener que diseñar más adelante.

Genera múltiples estilos de botones, tamaños y estados en paralelo. Compara las variantes primaria, secundaria y terciaria una al lado de la otra sin esperar a que una acabe antes de empezar la siguiente.

Cada botón generado vive en el mismo archivo en el que trabaja tu equipo. Los diseñadores, los desarrolladores y las partes interesadas verán el mismo resultado y podrán crear sobre él de inmediato.
Un análisis más detallado a lo que distingue al agente de Figma, diseñado para la forma en que los equipos de diseño realmente trabajan.

Dirige al agente a tu biblioteca de diseño para que cada uno de los botones utilicen tus componentes, tokens y variables, listos para producción, y no los marcadores.

Genera múltiples direcciones de botones simultáneamente. Explora diferentes estilos, estados y tamaños sin tener que esperar a que se termine una indicación.

Comparte un hilo y tu equipo verá la indicación completa, el contexto y el historial de iteraciones. No se necesita transferencia ni explicación por separado.

Convierte tus indicaciones de generación de botones en habilidades reutilizables. Ejecuta estos comandos rápidamente cada vez que necesites resultados coherentes.
Figma se siente como una extensión natural de mi mano. Llevo a cabo las ideas de mis diseños en el lienzo, y ahora el agente lo lleva hasta el último tramo. Con mis bibliotecas de diseño conectadas, puedo pasar del diseño al código más rápido que nunca.
Andy Madrick
Diseñador de producto, Notion
Selecciona Agentes en la barra lateral izquierda o pulsa CMD + Intro. Añade un marco a tu lienzo para trabajar en él.
Dile al agente lo que necesitas: botón principal, botón con icono, estado de carga. Dirígelo a tu biblioteca de diseño para que use tus estilos reales.
Comprueba los botones generados en tu lienzo. Refina en el mismo hilo o inicia uno paralelo para explorar una dirección diferente.
Vuelve a indicar para ajustar el tamaño, el estado o el estilo. Convierte el flujo de trabajo en una habilidad reutilizable cuando lo tengas ajustado.
Observa el agente de IA de Figma en acción y descubre cómo integrarlo en tus propios flujos de trabajo.

Un área de pruebas para explorar las funcionalidades del agente de Figma, desde ediciones masivas hasta la implementación de comentarios, con instrucciones paso a paso integradas.
Aprende a usar el agente de Figma en tus flujos de trabajo de diseño con un tutorial paso a paso del equipo de Figma.
Un generador de botones con IA crea diseños de botones a partir de indicaciones de texto, ayudándote a explorar estilos, tamaños y estados más rápido que creando cada uno manualmente. El agente de Figma genera botones directamente en tu lienzo usando tu sistema de diseño, así que los resultados están listos para producción desde el inicio.
Describes el botón que necesitas: un botón primario con un icono, una variante secundaria, un estado de carga, y la IA lo crea en tu lienzo. El agente de Figma referencia tu biblioteca de diseño conectada, usando tus tokens, componentes y estilos reales para generar botones que coincidan con tu sistema.
Sí. El agente de Figma te permite describir exactamente lo que necesitas y genera botones personalizados en tu lienzo. Puedes especificar estilos, tamaños, estados e iconos. Todo es completamente editable, por lo que puedes ajustar a mano o volver a la indicación hasta que el botón sea exactamente correcto.
Por supuesto. Los botones generados por el agente de Figma aterrizan en tu lienzo como capas y componentes totalmente editables. Puede ajustar los colores, la tipografía, los espacios y los estados manualmente o mediante indicaciones de seguimiento. Nada se aplana o se bloquea.
El agente de Figma está disponible en todos los planes de pago de Figma. Lo encontrarás en la barra lateral izquierda en Figma Design. Durante la beta abierta actual, no consume créditos de IA, por lo que es un buen momento para explorar, experimentar y compartir tus comentarios con nosotros.
Crea más rápido con el agente de Figma