Vor dem Start
Wer diese Funktion verwenden kann
Verfügbar in allen Abos.
Alle Personen mit Schreibzugriff auf eine Datei können Prototypen erstellen.
Du möchtest mehr zur Prototyp-Erstellung erfahren? Sieh dir unseren Leitfaden zur Prototyp-Erstellung in Figma an.
Die Aktion definiert den nächsten Schritt oder das nächste Ereignis im Prototyp. Es handelt sich um die Reaktion auf das auslösende Interaktionsereignis. Die Aktion könnte beispielsweise „Navigiere zu einem anderen Frame“ oder „Öffne eine externe URL“ sein.
Erfahre mehr über die Prototyp-Erstellung mit Interaktionen und Animationen →
Aktionstypen
Navigiere zu
Diese Aktion bringt dich von einem Frame zu einem anderen Frame innerhalb eines Prototypen. Es ist der häufigste Aktionstyp, den man zum Bewegen zwischen ganzen Bildschirmen verwendet.
Zurück
Hiermit kannst du zum vorherigen Bildschirm zurückkehren. Dies eignet sich optimal zum Simulieren der Taste Zurück deines Prototyps.
Variable festlegen
Die Aktion Variable festlegen ermöglicht es dir, den Wert einer Variable als Ergebnis eines Prototypen-Auslösers festzulegen oder diesen zu bearbeiten.
Erfahre mehr zur Verwendung von Variablen in Prototypen →
Variablenmodus festlegen
Verwende diese Aktion, um den Variablenmodus einer Seite während der Erstellung eines Prototyps zu ändern.
Erfahre mehr über die Aktion „Variablenmodus festlegen“ →
Bedingt
Prüfe mit einer bedingten If/Else-Anweisung, ob eine Bedingung erfüllt ist, bevor du eine Aktion ausführst.
Erfahre mehr zur Verwendung von Bedingungen →
Scrollen zu
Mit dieser Aktion scrollt dein Prototyp – oder ein eingebetteter, scrollbarer Container – zu einem beliebigen Objekt innerhalb des Frames der obersten Ebene. Dies ist nützlich, um Ankerlinks und Interaktionen mit scrollbaren Elementen wie Karussells zu replizieren.
Wenn du Scrollen zu im Abschnitt Interaktionen des Prototyp-Tabs hinzufügst, kannst du nur direkt untergeordnete Objekte von scrollbaren Frames auswählen. Um ein beliebiges Objekt innerhalb des Frames der obersten Ebene auszuwählen, ziehe eine Noodle heraus und verknüpfe sie mit dem gewünschten Zielobjekt.
Mit Scrollen zu kannst du die Scroll-Animation auf Sofort setzen oder mit der Option Animieren ein Easing einrichten.
Hinweis: Um eine Verbindung zu einem Ziel zu ziehen, das durch einen zugeschnittenen Frame verborgen ist, deaktiviere im Frame-Abschnitt des Design-Tabs die Option Inhalte abschneiden, um zuerst den Ziel-Frame freizugeben.
Link öffnen
Mit dieser Aktion kannst du Benutzer*innen zu einer URL außerhalb des Prototyps leiten. Dies eignet sich optimal für externe Links oder zusätzliche Ressourcen, die nicht in der Hauptnavigation verfügbar sind.
Wähle die Option aus und gib die URL in das dafür vorgesehene Feld ein.
Tipp! Wenn du auf den Hotspot URL öffnen klickst, wird der Link in einem neuen Tab geöffnet. Handelt es sich hierbei um einen Link zu einer externen Website, werden die Benutzer*innen benachrichtigt, dass sie Figma verlassen. Durch Aktivieren des Kontrollkästchen kannst du diese Brückenseite in Zukunft überspringen. Diese Einstellung wird nur auf dem aktuellen Gerät gespeichert.
Überlagerung öffnen
Mit dieser Aktion wird der Ziel-Frame über dem aktuellen Frame geöffnet. Dies kann verwendet werden, um eine Ansicht, einen Tooltip oder eine Warnung anzuzeigen – von einer Schaltfläche oder einem anderen Objekt im Design aus.
Überlagerung schließen
Mit dieser Aktion kannst du alle Überlagerungen im ursprünglichen Frame schließen oder ausblenden. Repliziere damit beispielsweise das Bestätigen oder Verwerfen einer Bildschirmanweisung oder einer Warnung.
Überlagerung tauschen
Diese Aktion ermöglicht dir einen Frame durch einen anderen zu ersetzen. Dies ähnelt der Option Navigiere zu, wenn sie von einem Hotspot in einem normalen Frame ausgelöst wird.
Wenn du Überlagerung tauschen auf einen Hotspot in einer Überlagerung anwendest, wird die aktuelle Überlagerung durch den neuen Ziel-Frame ersetzt. Die neue Überlagerung übernimmt die Überlagerungseinstellungen des Originals.
Hinweis: Mit der Option Überlagerung tauschen wird der Frame nicht im Prototypenverlauf protokolliert. Wenn du möchtest, dass Benutzer*innen mit der Aktion Zurück zwischen Überlagerungen wechseln können, empfehlen wir, stattdessen die Option Navigiere zu zu verwenden.
Video abspielen/anhalten
Die Aktion Video abspielen/anhalten kann für Interaktionen verwendet werden, die bei einem Video enden. Wenn die Option aktiviert ist, können die folgenden Aktionen verwendet werden:
- Video abspielen – Abspielen des Videos starten
- Video anhalten – Abspielen des Videos anhalten
- Abspielen/Anhalten umschalten – Umschalten zwischen Abspielen und Anhalten eines Videos
Erfahre mehr über die Prototyp-Erstellung mit Video →
Video laut-/stummschalten
Die Aktion Video laut-/stummschalten ist für alle Interaktionen verfügbar, die bei einem Video enden. Wenn die Option aktiviert ist, können die folgenden Aktionen verwendet werden:
- Video stummschalten – Ton des Videos ausschalten
- Stummschaltung aufheben – Den Ton des Videos auf laut stellen
- Laut-/Stummschaltung umschalten – Umschalten zwischen Ein- und Ausschalten des Tons des Videos
Erfahre mehr über die Prototyp-Erstellung mit Video →
Startzeit setzen
Die Aktion Startzeit setzen ist für alle Interaktionen verfügbar, die bei einem Video enden. Diese Aktion springt zu einem Zeitmarker im Video. Diesen kannst du einstellen, nachdem du die Aktion Startzeit setzen ausgewählt hast.
Hinweis: Wenn du einen Zeitmarker eingibst, der größer als die Gesamtlänge des Videos ist, springt die Aktion zum Ende des Videos. Wenn die Einstellung Video in Schleife abspielen eingeschaltet ist, beginnt das Video dann wieder von vorn.
Erfahre mehr über die Prototyp-Erstellung mit Video →
Zeitlich vor- und zurückspringen
Die Aktion Zeitlich vor- und zurückspringen ist für alle Interaktionen verfügbar, die bei einem Video enden. Wenn die Option aktiviert ist, können die folgenden Aktionen verwendet werden:
- Vorwärts springen – Gib eine Sekundenzahl an, um beim Abspielen eines Videos vorzuspulen.
- Rückwärts springen – Gib eine Sekundenzahl an, um beim Abspielen eines Videos zurückzuspulen.
Diese Aktion kann hilfreich beim Design einer interaktiven Videosequenz sein.
Hinweis: Wenn du über die Gesamtlänge des Videos hinausspringst, springt die Aktion zum Ende des Videos. Wenn die Einstellung Video in Schleife abspielen eingeschaltet ist, beginnt das Video dann wieder von vorn.
Erfahre mehr über die Prototyp-Erstellung mit Video →
Ändern in
Die Aktion Ändern in ist beim Prototyping mit interaktiven Komponenten verfügbar.
Verwende die Aktion Ändern in, um zwischen Varianten innerhalb einer Komponentengruppe zu wechseln. Beispielsweise hast du eine Komponentengruppe für ein Kontrollkästchen-Icon, einmal mit einer angehakten Variante und einmal mit einer leeren Variante. Mit der Aktion Ändern in kannst du zwischen beiden Varianten im Prototyp hin- und herwechseln.
Tipp: Du kannst die Aktion Ändern in zu) für verschachtelte Instanzen nutzen, um die übergeordnete Komponentenvariante zu wechseln.