Academy menu

Figma plugin

Step 1
Install the Preely plugin (ver.1.3.0) 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:

We are continuously working on improving the plugin and supporting more interactions.