Antes de empezar
Quién puede usar esta función
Disponible en Figma Design.
Disponible en planes de pago.
Requiere tener acceso de puede editar al archivo.
Con Figma AI, puedes agregar múltiples interacciones y conexiones de prototipo a tus diseños con solo unos pocos clics. Esto reduce el tiempo dedicado a agregar interacciones manualmente, lo que se traduce en un flujo de trabajo más rápido y sencillo para crear un prototipo interactivo.
Guía para el prototipado en Figma.
Cómo funciona
Agregar interacciones con Figma AI te permite crear interacciones y conexiones entre marcos en tu selección. Por ejemplo:
- Crear flujos simples entre una selección de marcos de nivel superior
- Agregar interacciones a los botones atrás o siguiente.
- Vincular marcos individuales desde un menú de navegación.
Esto es útil si deseas crear un flujo de prototipo básico rápidamente a partir de tus diseños. Siempre puedes personalizar aún más cada interacción o agregar más interacciones a tu prototipo.
La nomenclatura consistente de las capas puede ayudar a mejorar el resultado de Figma AI. Te mostramos cómo cambiar el nombre de las capas con Figma AI.
Agregar interacciones con la IA
- Selecciona los marcos en el lienzo entre los que quieras crear interacciones.
- Abre la pestaña Prototipo en la barra lateral derecha.
- En la sección Interacciones, haz clic en Agregar interacciones.
Una vez que Figma AI complete el agregado de interacciones a tus diseños, verás un banner en la parte inferior de la página que te permite obtener una vista previa de las interacciones. Esto abre el flujo actual como un prototipo en la vista previa integrada.
Para aceptar todas las interacciones, haz clic en Conservar.
Realizar cambios en el prototipo
Puedes editar o eliminar cualquier interacción agregada por Figma AI, así como editar y añadir más interacciones manualmente.
Haz clic en una conexión para seleccionar una interacción específica.
- El modal de Detalles de la interacción se abrirá en el lienzo, donde podrás realizar cualquier cambio según sea necesario.
- Para eliminar esa interacción, busca la interacción correspondiente en la barra lateral derecha y haz clic en para eliminarla. O puedes presionar la tecla Eliminar en tu teclado.
- Para eliminar todas las conexiones en la página actual, haz clic derecho en el lienzo y selecciona Eliminar todas las conexiones.