Copy a Wireframe into Figma with an Open FAQ

At a glance

The community member is trying to copy a wireframe into Figma, and they want the FAQ section to be in an open state. One community member responds that Figma components are not interactive, so they may not have all the states to match the original wireframe. Another community member suggests a workaround, which is to add the .is-open class to the first FAQ item and adjust the interaction to set the initial state to .is-open with a 0.01 delay to prevent it from closing with the rest of the accordions.

MMauricio Rivera

Hi! I'm trying to copy a wireframe into Figma. The wireframe has an FAQ, and I'd like it to be in it's open state in Figma, but I'm able to get it only on a closed. Any insights on how it might be done?

2 comments

SSam Parkinson

Hi Mauricio, sorry for the slow reply on our part.

Sadly our Figma components aren't interactive so sometimes they do not have all the states to match the Webflow components.

However we really value this feedback & I'll pass it on the Figma team. (CC )

KKaleb Jae

Hey! Absolutely. I simply add .is-open as a combo class to the first one I want opened and then adjust the interaction to include 'initial state' = .is-open is set to auto. A little trick is also to set it to 0.01 delay so that it doesn't close with the rest of the accordions 😉 #pewpew

Let me know if that helps!

Add a reply

Community forum for knowledge and support

Copy a Wireframe into Figma with an Open FAQ