Create Interaction in Figma Interaction Details Once you create an interaction, use the Interaction details modal to configure the following: A. Trigger B. Action C. Destination D. Animation E. State Management F. Add Action G. Close Trigger Types The Trigger is responsible for determining the specific form of interaction with the hotspot that will result in the advancement of the Prototype. The potential modes of interaction encompass both mouse and touch inputs, including actions such as tapping, dragging clicking, and others. The following are various categories of triggers: 1. On click/On tap 2. On drag 3. While hovering 4. While pressing 5. Keyboard/Gamepad 6. Mouse enters 7. Mouse Leave 8. Touch Down 9. Touch Up 10. After Delay Action Types The subsequent step or event in the prototype is determined by the action. The aforementioned statement pertains to the reaction resulting from the occurrence of an interaction trigger event. Action types: 1. Navigate to 2. Back 3. Set Variable 4. Conditional 5. Scroll to 6. Open Link 7. Open Overlay 8. Swap Overlay 9. Close Overlay Animations Creating a prototype allows to: 1. Instant When the hotspot is engaged with (by clicking, hovering over, or pressing), the Instant transition will promptly present the Destination Frame. 2. Dissolve The Dissolve transition is designed to gradually fade in the Destination frame, overlaying it onto the original frame. Supports:  Duration  Easing 3. Smart Animate The Smart Animate feature inquiries about the presence of corresponding layers that are present in numerous frames. In the case of layers that exhibit congruence, we possess the ability to discern alterations and subsequently implement transitions that facilitate a smooth and uninterrupted progression between said layers. Supports:  Duration  Easing 4. Move In or Move Out The Move transition is responsible for smoothly shifting the Destination frame either into or out of the viewer's perspective, positioned above the originating frame. Supports:  Easing  Direction  Duration 5. Push The Push transition involves displacing the originating frame as the Destination frame is brought into focus. This transition is an optimal method for emulating a swiping move. Supports:  Direction  Easing  Duration 6. Slide In or Slide Out The Slide function will transition the Destination frame either into or out of the user's view. The slide will gradually shift away from the frame as it undergoes dissolution, whereas the Move transition will maintain the initial frame in a fixed position. Supports:  Direction  Easing  Duration