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.