The finale of Prototyping Week: Interactions | Figma Blog
Figma concluded Prototyping Week with **Interactions**, allowing prototypes to respond to user behavior more realistically. Designers can now model hover, pressed, mouse, touch, and timed behaviors, making prototypes more suitable for realistic testing. The release also rounded out a week of updates focused on navigation, device presentation, and external linking. ## Interactions for More Realistic Prototypes - New interaction types include: - On Click - While Hovering - While Pressing - Mouse Enter - Mouse Leave - Mouse Down - Mouse Up - After Delay - “While Hovering” and “While Pressing” can show button hover states or pressed list-item states. - “Mouse Enter” and “Mouse Leave” provide finer control, such as keeping a dropdown menu open until another interaction occurs. - On device frames, some interactions appear as On Tap, Touch Down, and Touch Up. ## Timed Transitions with After Delay - “After Delay” automatically transitions between screens after a specified duration. - It can simulate notifications, splash screens, and automatic redirects. - The transition applies only from one screen to another, rather than from a specific layer within a frame. ## Other Prototyping Week Releases ### Landscape Device Frames - Figma added device frames for screens designed to be viewed in landscape orientation. - This expanded the device-frame support introduced with Figma 3.0. ### Clickable URLs - Prototype frames can link to external websites or other Figma files. - For example, a presentation can link directly to a designer’s portfolio. ### Back Transitions - Users can return to the previous screen without duplicating screens or transitions. - Back navigation preserves the user’s starting point when a screen is reachable from multiple locations. - If the original navigation used animation, the back action plays that animation in reverse. Figma’s updates make prototypes better representations of real application behavior. Designers can use the new interaction triggers, timed transitions, links, and back navigation to create more accurate and flexible user-testing experiences.
Read original(opens in new tab)