Conéctate a una biblioteca de diseño
Genera y perfecciona usando tus componentes reales, tokens y variables, no una IU de marcador que tendrás que cambiar más tarde.
Genera flujos de pago en tu lienzo de diseño
Crea experiencias de pago completas de comercio electrónico con el agente de Figma, usando tus componentes, tokens y estilos reales. Describe el flujo que necesitas y mira cómo toma forma directamente en tu archivo.
Explora opciones de pago con mayor precisión
Genera flujos de pago reales utilizando tu sistema de diseño, para que cada pantalla esté lista para producción desde el principio.
Explora más instrucciones, más rápido
El agente de Figma genera flujos de pago completos utilizando tus componentes y estilos reales, sin las retículas de marcadores. Prueba diferentes recuentos de pasos, disposiciones y progresiones sin comenzar cada uno desde cero.
Rompe con la estructura, mantén el flujo
Omite las tareas repetitivas de configurar resúmenes de 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 se producen en el mismo archivo en el que trabaja tu equipo. Todos ven la última versión, pueden comentar en línea y construir sobre ella de inmediato, sin necesidad de una entrega por separado.
Las funcionalidades del agente
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.
Indicaciones paralelas
Ejecuta múltiples indicaciones a la vez para que puedas evaluar indicaciones en paralelo, en lugar de perder tiempo en cada una de ellas en secuencia.
Hilos para compartir
Comparte un hilo y tu equipo podrá ver la indicación completa, el contexto y el historial de iteraciones de cualquier diseño. No se necesita transferencia por separado.
Habilidades
Empaqueta los flujos de trabajo y las convenciones de tu equipo en /comandos reutilizables que cualquiera pueda ejecutar bajo demanda.
Figma se siente como una extensión natural de mi mano. Realizo la ideación 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
Empieza a usar el agente de Figma
Paso 1: Abre el agente
Selecciona Agentes en la barra lateral izquierda o pulsa CMD + Intro. Añade 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, soporte para pago como invitado. Dirígelo a tu biblioteca de diseño para que use tus componentes reales.
Paso 3: Revisa en el lienzo
Comprueba las pantallas generadas en tu lienzo. Refina en el mismo hilo o inicia uno paralelo para explorar una estructura de flujo diferente.
Paso 4: Sigue iterando
Vuelve a indicar para ajustar pasos, añadir ventas adicionales, o cambiar la disposición. Todo se mantiene editable, para que puedas ajustar a mano o seguir indicándolo.
Conviértete en un agente experto
El agente de Figma Design ya está disponible
Leer másObserva el agente de IA de Figma en acción y descubre cómo integrarlo en tus propios flujos de trabajo.
Trabaja con el agente de Figma
EmpezarUn á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.
Cómo usar el agente de Figma en tus flujos de trabajo de diseño
Ver 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 los usuarios pasan al completar una compra: revisión del carrito, detalles del envío, pago y confirmación. El agente de Figma genera estos flujos directamente en tu lienzo utilizando tu sistema de diseño, para que obtengas pantallas listas para producción en lugar de retículas genéricas. Acelera el proceso de explorar diferentes estructuras y disposiciones de pago.
Abre el agente de Figma desde la barra lateral izquierda o pulsa CMD + Intro. Describe el flujo de pago que necesitas: número de pasos, opción de compra como invitado, métodos de pago y dirige al agente a tu biblioteca de diseño. El agente genera las pantallas en tu lienzo usando tus componentes reales. Desde ahí, puedes refinar con indicaciones de seguimiento o editar manualmente.
Un flujo de pago completo típicamente incluye el resumen del carrito, el formulario de información de envío, los detalles del pago, la revisión del pedido y la pantalla de confirmación. Dependiendo de tu producto, puedes agregar opciones de pago como invitado, direcciones guardadas, campos de código promocional o módulos de ventas adicionales. El agente de Figma puede generar todo esto utilizando tus componentes existentes: simplemente describe lo que necesitas en tu indicación.
No hay una única respuesta correcta; depende de tu producto y de tu audiencia. Algunos sitios de comercio electrónico usan un pago en una sola página por velocidad; otros lo dividen en tres a cinco pasos para mayor claridad. El agente de Figma te permite generar y comparar diferentes conteos de pasos en paralelo, para que puedas evaluar qué funciona mejor para tus usuarios antes de comprometerte con un enfoque.
El agente de Figma está disponible en todos los planes de pago de Figma. Lo encontrarás en el riel lateral izquierdo 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