Help center

Connect screens with clickable areas

Turn images into a navigable path.

Figma manual: from the file to the results Prepare the file, import, build the task, test and publish.

What it does

Define which elements lead to other screens and check that the goal is reachable.

When to use it

For a clickable prototype built from uploaded images.

Before you begin
  • Uploaded, named screens
  • An intended destination for each button

See how it works

Guided tutorial

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

1 / 4
01

Open Links

What to doEdit links

Real screens with demo data

Highlighted area in detail

Open Links

In Prototype, find the image set and click Links on the start screen. Check the screen name in the editor: this is the image on which you will draw navigation areas.

  • Start screen

An example to try

The Edit address area opens the form; Save leads to confirmation.

What you see in results

  • Labeled areas with destinations
  • A verifiable route from start to goal

Avoid these mix-ups

  • Review the size, label and destination of AI suggestions.
  • An image that looks like a button does not navigate by itself.