Bring in Figma screens or images

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

Guided tutorial

Read each step and choose Play to hear the explanation while following the screen.

1 / 4

Open Prototype

What to doChoose source

Real screens with demo data

Highlighted area in detail

Open the study and click Prototype. For a Figma file, use Connect Figma if your account is not connected. For prepared screenshots, find image upload and choose that source before selecting files.

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.

Connect screens with clickable areas

Turn images into a navigable path.

Choose task navigation and success criteria

Match the prototype mode to your research question.

First click

Discover where someone would try to start a task.

Five-second test

Measure what people remember after brief exposure.