Figma plugin

Step 1
Install the Preely plugin directly in Figma or via this link: Download Preely plugin for Figma

Step 2
Log in to Preely via the plugin.

Step 3
Link Figma to your Preely test.

Step 4
Create or select test in Preely.

Step 5
Select the flows or frames you want to use for your test and click Export to export them to Preely.

The Preely plugin for Figma supports:

• Interactions: On click, on drag (translated to swipe), while hovering, mouse enter, mouse down, mouse up
• Interaction transitions: Open overlay, close overlay, navigate to, back, smart animate (depends on the layers being animated)
• Animations: Instant, dissolve, smart animate (translated to dissolve), move in, move out, push, slide in, slide out – all with simple animation easing

The plugin does not yet support:

• Interactions: On drag, while pressing, key/gamepad, mouse leave, After Delay, complex combinations of interactions
• Interaction transitions: Scroll to, swap overlay, open link
• Animation: Animation selective easing and duration
• Component state: Button hovering effects, scrollable areas using frames

Note:

• Hover in an overlay can be added in Preely after import
• We are continuously working on improving the plugin and supporting more interactions