Quelle: https://help.figma.com/hc/en-us/articles/360040315773-Prototype-interactions-and-animations#Create_a_connection

Connections

Eine Connection besteht aus drei Komponenten

  1. Hotspot: Hier findet die Interaktion mit dem User statt. Ein Hotspot kann der Rahmen selbst oder ein Objekt darin sein. Hotspots lassen sich überall erstellen, genau wie Buttons, Icons oder Headings.
  2. Die Connection selbst: Der Pfeil, der die Beiden Punkte (Hotspot und Destination) miteinander verbindet.
  3. Destination: Der zweite Schritt des Prototyps. Hier endet die Connection. Meist sind dies Top-Level-Frames. Das sind Frames, die du direkt der Arbeitsfläche hinzugefügt hast. Im Prototyp wäre das ein eigener Screen mit eigenem Design.

In screen, Ablauf zeigen, Shortcuts einblenden, Maus muss gut sichtbar sein

Connection erstellen

  1. Klicke auf den Prototyp-Tab an der rechten Sidebar.
  2. Wähle eine Ebene oder ein Objekt als Hotspot aus.

Interaction erstellen

Ist die Connection einmal fertig, kannst du bestimmen welche Interaktionen die User mit ihnen haben können. Es ist auch möglich mehrere Interaktionen für eine Ebene oder ein Objekt festzulegen.

Und so gehst du vor:

in screen

  1. Wähle den Prototyp-Tab auf der rechten Seite.
  2. Wähle eine Ebene oder ein Objekt als Connection Hotspot aus.