Figma plugin

Step 1
Install the Preely plugin (ver.1.1.3) directly in Figma or via the link below.
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 tap, on drag (translated to swipe), while hovering, after delay, mouse enter, touch up
• Interaction transitions: 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: While pressing, keys & gamepad, mouse leave, touch down, complex combinations of interactions
• Interaction transitions: Open overlay, scroll to, swap overlay, close overlay, open link
• Animation: Animation selective easing and duration
• Component state (eg. button hovering effects), scrollable areas using frames

Note:

Our current plugin supports the export of whole prototypes and individual frames. It does not yet support a combination of the two, hence it is not yet possible to export a prototype and afterward e.g. change just one frame. Here you will need to export the whole prototype. Remember to set the end-points again.