Conéctate a una biblioteca de diseño
Genera y refina utilizando tus componentes, tokens y variables reales, no una UI provisional que tendrás que reemplazar más tarde.
Genera flujos de pago en tu lienzo de diseño
Crea experiencias completas de pago para comercio electrónico con el agente de Figma usando tus componentes, tokens y estilos reales. Describe el flujo que necesitas y verás cómo toma forma directamente en tu archivo.
Explora opciones de pago con mayor fidelidad
Genera flujos de pago reales usando tu sistema de diseño para que cada pantalla esté lista para producción desde el principio.
Explora más direcciones, más rápido
El agente de Figma genera flujos de pago completos usando tus componentes y estilos reales, no wireframes provisionales. Prueba diferentes números de pasos, disposiciones y progresiones sin empezar cada uno desde cero.
Reduce el trabajo inicial, mantén el flujo
Evita las tareas repetitivas de configurar resúmenes del carrito, campos de formulario y pantallas de pago. Describe lo que necesitas y deja que el agente cree la estructura para que puedas centrarte en la experiencia.
Alinea a tu equipo desde el principio
Los flujos de pago generados viven en el mismo archivo en el que trabaja tu equipo. Todos ven la versión más reciente, pueden comentar directamente en el archivo y trabajar sobre ella de inmediato, sin necesidad de una entrega aparte.
Las funciones que impulsan al agente
Un vistazo más de cerca a lo que distingue al agente de Figma, diseñado para la forma en que realmente trabajan los equipos de diseño.
Indicaciones en paralelo
Ejecuta varias indicaciones al mismo tiempo para evaluar distintas alternativas en paralelo, en lugar de invertir tiempo en cada una por separado.
Hilos que se pueden compartir
Comparte un hilo para que tu equipo vea la indicación completa, el contexto y el historial de iteraciones detrás de cualquier diseño. No hace falta hacer entregas por separado.
Habilidades
Agrupa los flujos de trabajo y las convenciones de tu equipo en /commands reutilizables que cualquiera pueda ejecutar cuando los necesite.
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
Paso 1: Abre el agente
Selecciona Agentes en la barra lateral izquierda o pulsa CMD + Enter. Agrega un marco a tu lienzo donde se generará el flujo de pago.
Paso 2: Describe tu flujo de pago
Dile al agente lo que necesitas: número de pasos, opciones de pago y compatibilidad con el pago como invitado. Indícale tu biblioteca de diseño para que use tus componentes reales.
Paso 3: Revisa en el lienzo
Verifica las pantallas generadas en tu lienzo. Refínalas en el mismo hilo o inicia un hilo paralelo para explorar una estructura de flujo diferente.
Paso 4: Sigue iterando
Vuelve a indicar lo que necesitas para ajustar los pasos, añadir ventas adicionales o cambiar la disposición. Todo sigue siendo editable, así que puedes perfeccionarlo manualmente o seguir dando indicaciones.
Conviértete en un agente experto
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 interactivo 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 flujo de pago te ayuda a crear las pantallas y los pasos por los que pasan los usuarios al completar una compra: revisión del carrito, datos de envío, pago y confirmación. El agente de Figma genera estos flujos directamente en tu lienzo utilizando tu sistema de diseño, por lo que obtienes pantallas listas para producción en lugar de wireframes genéricos. Agiliza el proceso de explorar diferentes estructuras y disposiciones de flujo de pago.
Abre el agente de Figma desde la barra lateral izquierda o pulsa CMD + Enter. Describe el flujo de pago que necesitas: número de pasos, opción de pago como invitado y métodos de pago, e indícale tu biblioteca de diseño al agente. El agente genera las pantallas en tu lienzo usando tus componentes reales. A partir de ahí, puedes refinarlas con indicaciones adicionales o editarlas manualmente.
Un flujo de pago completo suele incluir un resumen del carrito, un formulario de información de envío, datos de pago, una revisión del pedido y una pantalla de confirmación. Según tu producto, podrías agregar opciones de pago como invitado, direcciones guardadas, campos de códigos promocionales o módulos de ventas adicionales. El agente de Figma puede generar todos estos elementos usando tus componentes existentes; solo tienes que describir lo que necesitas en tu indicación.
No hay una única respuesta correcta: depende de tu producto y de tu público. Algunos sitios de comercio electrónico usan un proceso de pago en una sola página para agilizar la compra; otros lo dividen en tres a cinco pasos para aportar mayor claridad. El agente de Figma te permite generar y comparar diferentes números de pasos en paralelo, para que puedas evaluar qué funciona mejor para tus usuarios antes de decidirte por un enfoque.
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