Community forum for knowledge and support

Updated 3 months ago

How to Set Up Interactive Testimonials with Relume and Locofy in Figma for a Sliding Carousel Animation

At a glance
The community member is trying to export Figma pages made with Relume into code using Locofy, specifically with the testimonial component. They are having trouble setting up the prototype tool in Figma to make the testimonials interactive like a sliding carousel animation. Another community member suggests that when importing Relume Site Builder wireframes into Figma, the frames need to be at the top level (by removing the groups around them) in order to do prototyping. The original poster thanks the community member for the tip.

Hi there! I am trying to export my Figma pages made with Relume into code using Locofy - with the testimonial component, how do I set it up using the prototype tool in Figma so that it will be interactive like a sliding carousel type animation? I can see in the testimonial component it has more than one testimonial but I can't get them to animate - any tips?? Thanks!

M
B
2 comments

@Brianna Doherty When you initially import Relume Site Builder wireframes into Figma, we have two groups around the frames. So you should need to select the top level group and then hit cmd + shift + G TWICE to remove both groups - exposing the frames of each page. Figma needs the frames to be top level in order to do prototyping.

Add a reply
Sign up and join the conversation on Slack