How to make a "read more" button in Figma?

Question

Figma

I appeal to those who are well versed in web design. Since I am new to this field and just starting out, I do not understand everything, so do not be surprised if the questions seem silly to you. How to make a read more button in Figma? Or do you still need to use some codes .. There is a text, and then after it the "read more" button appears, when clicked, the rest of the text appears. How to do this?

Answer 1

1. You create a component of 2 elements - a text block and a button, set up autolayout
2. Add a second version of the component - in the expanded state
3. Set up animation on buttons so that when you click one option changes to another
You can use
https://www. figma.com/community/file/1088505283210...
https://help.figma.com/hc/en-us/articles/360056440...
https://help.figma.com/hc/en-us/ articles/360040451...

Answer 2

If animation is needed in Prototype View:
Hide the text first.
On the second, make it visible.
In the prototype tab, set up changing frames when the button is clicked.
PS: There are many tutorials on animation in Figma on YouTube.