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. Abre el estudio y pulsa Prototipo. Para un archivo Figma, usa Conectar Figma si la cuenta aún no está conectada. Para capturas preparadas, busca la carga de imágenes y elige esa opción antes de seleccionar archivos. Figma · PNG, JPG o WebP.
  1. Importar material. Con Figma conectado, pega el enlace de Compartir prototipo en Enlace del prototipo y pulsa Importar. El enlace debe incluir la pantalla inicial. Para imágenes, selecciona PNG, JPG o WebP. Espera el procesamiento o lee el error mostrado. Revisa el acceso al archivo · Revisa los límites de carga mostrados.
  1. Revisar las pantallas. Cuando aparezcan las miniaturas, comprueba que el conjunto incluye el inicio y la confirmación. Revisa los nombres para reconocerlas en el editor. En imágenes subidas, ajusta el orden y confirma que no falta ninguna pantalla necesaria. Inicio identificable · Objetivo presente.
  1. Usar en el bloque. Vuelve al editor, pulsa Añadir bloque y elige Prueba de prototipo. En Prototipo, selecciona el conjunto importado y define el inicio. Comprueba la imagen en la vista previa; sigue la guía de tarea para configurar el objetivo antes de publicar. Prototipo, primer clic, cinco segundos o entrevista por pantallas.

Validar antes de recolectar

En el editor, Vista previa del estudio aplica grupos, reglas y filtros del borrador sin crear sesiones ni ocupar cuotas. En tareas Figma, sitio y entrevista, muestra Respuesta simulada para probar la lógica: el autor indica el desenlace; no demuestra una interacción real.

Vista previa en otra pestaña permite revisar cada bloque en escritorio o móvil, incluida la navegación interactiva en Figma y una conversación simulada en la entrevista. Esta vista por bloque no aplica los saltos del estudio.

Para validar sitio, grabación, voz y seguimiento de IA reales, publica y, en Compartir, usa Abrir enlace en una pestaña nueva. El enlace publicado abre una participación real en /r/[token]: puede generar respuestas y consumir cuota. Separa esa participación 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@paineltap.com.br.