Creating An Interactive Accordion in Figma 

Thank you, that means a lot

Glad it helped!

You're welcome!

Awesome! Thank you!

I know it's a year late, but have you ever figured out the answer to this?

you should be able to change the contents once its in your design, just switch to the open state and change it there, alternatively you can add a content variable to the open state and change that in your designs.

I do, I've been offline for a bit, but more are coming soon!

Make sure your outer most auto layouts are set to 'hug' that should do it

Try either using an auto layout for your entire page (see the sticky header tutorial I have for how this works) OR try enabling vertical scrolling on your parent frame under the prototype settings

Except the boolean property won't let you prototype between the states, thus removing the interactivity of the component.

@@DarrenNorthcott yep, that's why I was saying this works of you build components in the older, more cumbersome way of variants, and not the newer boolean way. we literally just figured it out tho. we built a base component of just an open & closed accordion item. added "change to" interaction between the 2. then we built our actual accordion stack component with multiple instances of that base component (each being having different instance content).

I'm going to do a video on autolayout soon

If it's just text, you can edit the text in the instance of the component each time (just set it to open to edit, then you can set it back to closed) - if the items are more complex, try making each one an instance, then you could use instance swap to change them out.

Make sure your outer frame is fixed width, and check your padding, and your inner elements to see if they are set to fixed or fill, fill might fix it.

You'll have to build those into your component, you can add as much content as you like since it uses autolayout it should be pretty flexible.