Как в Figma сделать кнопку «читать далее»?

Question

[Nickiiee]

Обращаюсь к тем, кто хорошо разбирается в веб дизайне. Так как я новичок в этом направлении и только начинаю, не все понимаю, поэтому не удивляйтесь, если вам вопросы покажутся глупыми. Как сделать в Figma кнопку читать далее?Или все таки надо какие-то коды использовать.. Есть допустим текст, и потом после него появляется кнопка "читать далее", при нажатии на которую появляется остальной текст. Как сделать такое?

Answer 1

[Альфред Файрушин]

1. Создаешь компонент из 2 элементов - текстовый блок и кнопка, настраиваешь autolayout
2. Добавляешь второй вариант компонента - в раскрытом состоянии
3. Настраиваешь на кнопки анимации, чтобы при нажатии один вариант менялся на другой

Можешь использовать как пример
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...

Comments

[Nickiiee]

спасибо большое!

Answer 2

[Александра]

Если нужна анимация в режиме просмотра прототипа:
На первом скрыть текст.
На втором сделать видимым.
Во вкладке прототипа настроить смену фреймов при клике на кнопку.

ПС: на Ютубе много уроков по анимации в Фигме.

Comments

[Polly100]

Сложный вопрос, я пока не работала с анимацией.