Create accordion in easy steps with figma #variables
- Start with three elements: a text layer for the label, a chevron icon, and a text layer for the description.
- Select the label and the chevron, and apply auto layout.
- Select the entire Accordion Toggle.
- In the Auto Layout pane, select the top left or top center position.
- These accordions push the bottom accordion down to create space for the description of the open accordion.
Variables play in figma
- Create Local variables with Panel : false
- Pass through the variables to the layers
- Add on click Interactions to the header text layer
- Add Conditions to the header Layer.
Comments
Post a Comment