Mira cómo hacerlo: Traer pantallas de Figma o imágenes

Importar un prototipo de Figma

Conectar la cuenta y traer las pantallas de un flujo.

2 minutos de lectura

En esta página

Preparar el material visual antes de crear la tarea.

Para qué sirve

Disponer de pantallas con nombres y orden para los bloques visuales.

Cuándo usarlo

Al probar un prototipo existente o imágenes sin archivo Figma.

Antes de empezar

  • Permiso para el archivo de Figma o imágenes listas
  • Estudio editable

Ejemplo

Importar el flujo de dirección y seleccionar la pantalla inicial.

Paso a paso

  1. Abrir Prototipo. En el estudio, abre Prototipo. Elige conectar Figma o subir imágenes según el origen de las pantallas. Figma · PNG, JPG o WebP.
  1. Importar material. En Figma, autoriza la cuenta y pega el enlace del flujo de presentación. Para imágenes, selecciona los archivos y sigue la carga. Revisa el acceso al archivo · Revisa los límites de carga mostrados.
  1. Revisar las pantallas. Revisa miniaturas y nombres. En imágenes subidas, ajusta el orden; este orienta el flujo guiado. Inicio identificable · Objetivo presente.
  1. Usar en el bloque. En el editor, añade un bloque visual, selecciona la importación y define las pantallas. Prueba la vista previa antes de publicar. Prototipo, primer clic, cinco segundos o entrevista por pantallas.

Validar antes de recolectar

La vista previa lateral permite revisar el bloque; en Figma es estática. Para validar reglas y orden del borrador, usa Probar flujo completo, sin crear sesiones ni ocupar cuotas. Figma, grabación, voz y seguimiento de IA requieren el enlace publicado. Probar publicado abre el enlace real /r/[token]: puede generar respuestas y consumir cuota. Separa estas pruebas al analizar la recolección.

Cómo leer el resultado

  • Pantallas disponibles en la pestaña Prototipo
  • Importación seleccionable en los bloques visuales

Cuidados y límites

  • Usa el enlace de presentación de Figma con el flujo correcto.
  • Los límites de Figma pueden impedir otra importación; puede reutilizarse una importación compatible existente.

Continuar en la guía interactiva

Traer pantallas de Figma o imágenes

Guías relacionadas

¿Te sirvió?

¿Te faltó algo? Escribe a contato@uxtap.app.