Advanced Typewriter Animation in Figma

Advanced Typewriter Animation in Figma

DesignWithArash

1 год назад

59,779 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Immy's World
Immy's World - 30.10.2023 15:33

I donot see the same options to set the time in my figma version, i'm sure its the latest that got downloaded

Ответить
loomonda18
loomonda18 - 03.09.2023 17:59

Great tutorial - thank you! I looped it back to the first element as well, so it continues to play.

Question though, is there a way to keep the text from moving when you resize/adjust the frame size (when hiding/showing the letters). When I first did it, all of the letters inside the frame started moving/shifting, rather than staying static and me revealing one-by-one. Somehow, later on, it became static like your video, but I have no clue how...is there a way to do this? I tried holding Command, but when I did that, the cursor also went away, so it wasn't exactly like your video.

Ответить
Nargess Shabani
Nargess Shabani - 01.09.2023 13:01

I tried to do this with variables and bind it to width but I was unsuccessful I can't loop it. It just goes three letters forward

Ответить
Jim Kent
Jim Kent - 23.08.2023 23:15

Love your tutorials, and this is no exception! I changed the after delay rate with every interaction so it feels more "random" and like a human is actually typing, to great effect ;)

Ответить
Igbo Markdonald
Igbo Markdonald - 19.08.2023 14:37

Thank you Arash 😊

Ответить
csland
csland - 15.07.2023 23:25

There is a plug-in that create typing effect called typeff

Ответить
Nithish
Nithish - 28.06.2023 19:27

Awesome brother thank you so much 🎉

Ответить
Tsvetan Tsvetkov
Tsvetan Tsvetkov - 27.06.2023 14:57

Helpful as always, thanks!

Ответить
Priti Gurudasani
Priti Gurudasani - 12.06.2023 17:06

I did only cursor part exactly same but my cursor is not bllinking
what could have gone wrong

Ответить
Makingthingz
Makingthingz - 31.05.2023 03:01

آرش جان عالی هستی بیشتر ویدیو انیمیشن بده 🤩

Ответить
Evelyn Souza
Evelyn Souza - 08.05.2023 20:19

Thanks, Arash! Your demo and hands-on helped me a lot!

Ответить
MoB mAn
MoB mAn - 04.05.2023 03:17

everythin is perfect!! but i have a question like why didnt you used rectangle tool or maybe "|" to make the carrot

Ответить
Dnco8
Dnco8 - 18.04.2023 07:41

Thanks for the great tutorials as always. Instead of hiding the fill, we can also reduce the opacity of the Layer or Fill to 0 as well, right? I'm always in doubt whether it's best to turn the opacity down to 0 or reduce the opacity of the Fill to 0 although the result looks exactly the same.

Ответить
Mahmoud Reza Mohammadnejad
Mahmoud Reza Mohammadnejad - 25.03.2023 13:46

سلام سال نو مبارک باد ، در خصوص اتو لی اوت خیلی مشکل دارم شما ویدیو آموزشی در این خصوص ندارید ؟ سپاس

Ответить
Raphael Obasi Jnr
Raphael Obasi Jnr - 23.03.2023 11:32

Great 👍

Ответить
Payal Sharma
Payal Sharma - 22.03.2023 10:34

Do we need the knowledge of photoshop or illustrator or FIGMa will do everything

Ответить
Unstable Jamil
Unstable Jamil - 21.03.2023 18:32

thank you for the tutorial, Arash. It really shows how components works

Ответить
mohammad alizadeh
mohammad alizadeh - 21.03.2023 17:32

so helpful

Ответить
Tushar Sinha
Tushar Sinha - 21.03.2023 13:12

My man is doing great 👍🏻

Ответить
Sansthita Borbora
Sansthita Borbora - 21.03.2023 12:53

Thank you! That was really helpful <3

Ответить