Help center

Bring in Figma screens or images

Prepare visual material before building the task.

What it does

Make named, ordered screens available to visual blocks.

When to use it

When testing an existing prototype or images without a Figma file.

Before you begin
  • Permission to the Figma file or prepared images
  • An editable study

See how it works

Open Prototype

Real screens with demo data

1 / 4
01

Open Prototype

In the study, open Prototype. Choose to connect Figma or upload images depending on the source.

  • Figma
  • PNG, JPG or WebP

An example to try

Import the address flow and select its start screen.

What you see in results

  • Screens available in the Prototype tab
  • Import available to visual blocks

Avoid these mix-ups

  • Use the Figma presentation link for the correct flow.
  • Figma limits can block a new import; a compatible existing import may be reused.

Keep learning

Connect screens with clickable areas

Turn images into a navigable path.

4 steps · See how it works

Choose task navigation and success criteria

Match the prototype mode to your research question.

4 steps · See how it works

First click

Discover where someone would try to start a task.

4 steps · See how it works

Five-second test

Measure what people remember after brief exposure.

4 steps · See how it works
PortuguêsEspañolEnglish