Conecta tu biblioteca de diseño
El agente busca en tu biblioteca de diseño los componentes, los tokens y las variables reales para cada botón, que ya estén listos para la producción, no solo como marcadores de posición.
Genera botones que se adapten a tu sistema de diseño
Crea variantes de botones, explora estilos y construye bibliotecas de componentes con IA, directamente en Figma Design. Usa tus tokens y componentes reales, en lugar de una UI de marcador de posición que haya que volver a crear.
Explora diseños de botones más rápido que nunca
Genera botones listos para la producción en tu lienzo con los componentes, tokens y estilos que tu equipo ya usa.
Genera con tu sistema de diseño
El agente de Figma crea botones usando tus componentes reales, tokens de color y estilos tipográficos. Cada variante se adapta a tu sistema desde el principio; no tendrás que reconstruir ni rediseñar una UI de marcador de posición después.
Explora más opciones al mismo tiempo
Genera varios estilos, tamaños y estados de botones en paralelo. Compara las variantes principales, secundarias y terciarias una al lado de la otra sin tener que esperar a que termine una para empezar con la siguiente.
Mantén a tu equipo trabajando todos juntos
Cada botón generado se guarda en el mismo archivo en el que trabaja tu equipo. Los diseñadores, los desarrolladores y las partes interesadas ven el mismo resultado y pueden seguir trabajando en él de inmediato.
Las funciones detrás de la generación de botones
Descubre más de cerca qué diferencia al agente de Figma, creado para la forma en que realmente trabajan los equipos de diseño.
Ejecuta indicaciones en paralelo
Genera varias indicaciones para botones al mismo tiempo. Explora diferentes estilos, estados y tamaños sin necesidad de esperar a que termine una indicación.
Hilos que puedes compartir
Comparte un hilo y tu equipo verá la indicación completa, el contexto y el historial de iteraciones. No hace falta ningún tipo de entrega o explicación adicional.
Empaqueta flujos de trabajo como habilidades
Convierte tus indicaciones de generación de botones en habilidades reutilizables. Ejecútalas con un comando rápido cada vez que necesites resultados consistentes.
Figma se siente como una extensión natural de mi mano. Desarrollo mis ideas de diseño en el lienzo, y ahora el agente se encarga del tramo final. 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
Comienza con el agente de Figma
Abre el agente
Selecciona Agentes en la barra lateral izquierda o presiona CMD + Intro. Agrega un marco a tu lienzo para trabajar.
Describe el botón
Dile al agente lo que necesitas: botón primario, botón de ícono, estado de carga. Indícale dónde está tu biblioteca de diseño para que use tus estilos reales.
Revisa en el lienzo
Verifica los botones generados en tu lienzo. Perfecciónalo en el mismo hilo o abre otro en paralelo para explorar una alternativa diferente.
Sigue iterando
Vuelve a indicar lo que necesitas para ajustar el tamaño, los estados o los estilos. Cuando todo esté listo, convierte el flujo de trabajo en una habilidad reutilizable.
Conviértete en un experto en agentes
Te presentamos al agente de Figma Design
Más informaciónMira el agente de IA de Figma en acción y descubre cómo incorporarlo a tus propios flujos de trabajo.
Trabaja con el agente de Figma
EmpezarÁrea de pruebas interactiva para explorar las capacidades del agente de Figma, desde ediciones masivas hasta la implementación de feedback, con una guía paso a paso integrada.
Cómo usar el agente de Figma en tus flujos de trabajo de diseño
Ver el video ahoraAprende a usar el agente de Figma en tus flujos de trabajo de diseño con un tutorial paso a paso del equipo de Figma.
Preguntas frecuentes
Un generador de botones con IA crea diseños de botones a partir de indicaciones de texto, lo que te ayuda a explorar estilos, tamaños y estados más rápido que si los crearas manualmente uno por uno. El agente de Figma genera botones directamente en tu lienzo usando tu sistema de diseño, para que los resultados estén listos para producción desde el principio.
Describes el botón que necesitas: un botón primario con un ícono, una variante secundaria, un estado de carga, y la IA lo crea en tu lienzo. El agente de Figma consulta tu biblioteca de diseño conectada y usa tus tokens, componentes y estilos reales para generar botones que se adapten a 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 íconos. Todo se puede editar por completo, para que puedas mejorar a mano o volver a dar indicaciones hasta que el botón quede perfecto.
Por supuesto. Los botones generados por el agente de Figma aparecen en tu lienzo como capas y componentes totalmente editables. Puedes ajustar los colores, la tipografía, el espaciado y los estados a mano o con nuevas indicaciones. Todo se puede editar y nada se bloquea.
El agente de Figma está disponible en todos los planes de pago de Figma. Lo encontrarás en la barra lateral izquierda de Figma Design. Durante la versión beta abierta actual, no consume créditos de IA, por lo que es un buen momento para explorar, experimentar y compartir tu feedback con nosotros.
Crea más rápido con el agente de Figma